Featured WoltLab Cloud Radiant 2.2.5

Clean and Elegant Premium WoltLab Style

Live Demo:

Dashboard - Premium WoltLab Style Demo

VERY IMPORTANT NOTICE:

Before updating your site to WoltLab 5.3.0, it is required to do either one of the requirement options below:


Requirement Option A (Preferred):

  1. Go to ACP > Customization > Styles > Radiant > Global Settings
  2. Set the Maximum Layout Width to percent (%), i.e. enter the value from 50-100 and choose percent (%) as the unit in the dropdown.
  3. Click the SUBMIT button to save the changes.

Requirement Option B:

  1. Go to ACP > Customization > Styles
  2. Choose another default style other than Radiant. Preferably, choose the WoltLab Suite Core as the default style.
  3. Backup your current Radiant style.
  4. Delete the Radiant style.

After you do either one of the following requirement above, proceed with upgrading to WoltLab 5.3.0 as outlined in the manual. When you're done with WoltLab 5.3.0 upgrade, you can now update Radiant to version 2.1.0.


Failure to do either one of the requirement options above will make your site not be able to update to WoltLab 5.3.0 successfully.


Features:

  • Visitor Layout Options
    Your site visitors can easily switch between grid and list display for the Articles, Forum, Blogs and Filebase applications.
  • Manually-coded Header Slider
    You can show a slider in the header by manually coding it in a specific templates.
  • Improved User Profile Page
    The content for each application, i.e posts for forum or images for gallery, will appear as a menu in the profile page. And when your visitors view a specific user's content, e.g. forum posts or user files, it will still be somewhat part of his profile instead of showing a different page.
  • Organized User Menu
    Added "My Content" and "Watched Content" to easily browse the content you started or watched.
  • Cover Photo on User Hover Card
  • Icons to show Recent Activity type
  • Icons in the Title on "named" Sidebar Boxes
  • Tooltip for Forum Description
  • Dropdown of Sub-boards Instead of List

Manual: https://forostyle.com/products/radiant/documentation

Images

  • Version 2.2.5

    Fixed: Improper HTML tags in forum description.

  • Version 2.2.4

    • New: Added Discord link option.
    • Fixed: Custom color of icons in the forum not refelcted.
  • Version 2.2.3

    Miscellaneous CSS improvements.

  • Version 2.2.2

    • Compatibility with WoltLab 5.4.
    • New: Boxed-page layout option.
    • Fixed: Styles > Radiant > Global Settings > Font Face value does not work.
  • Version 2.2.1

    Add an option to choose the source of the fonts (Roboto & Roboto Condensed) used.

  • Version 2.2.0

    • Improved display of the Advanced Search form.
    • Improved display when editing a media in popup dialog.
    • Improved display of tab menus in popup dialog.
    • Improved display of Executing and Task Completed popup when copying a post.
    • Improved display of attachment files list.
    • Improved display of poll voters list.
    • Fixed Fatal Error on user's events list.
    • Fixed path of custom images used in SCSS.
    • Fixed grid view on private forums.
    • Fixed big reaction image in sidebar list.
  • Version 2.1.0

    Compatibility with WoltLab 5.3.0


    Please see the "VERY IMPORTANT NOTICE" information in the Overview tab before updating your site to WoltLab 5.3.0.

  • Version 2.0.1

    • Fixed possible layout conflict of content items footer (articles, blogs) on third-party plugins.
    • Fixed overlapping of elements on internal anchor links.
    • Fixed avatar and username overlapping on Quick Reply form in mobiles.
    • Fixed User Profile menu item if Core is the only app installed.
    • Fixed "Participate Now" box spacing.
    • Fixed avatar arrow indicator in Quick Reply form.
    • Fixed pagination items with 5 digits.
    • Fixed "Unresolved Threads" phrase in the slider.
  • Version 2.0.0

  • Bekommt denn jemand anderes den Radiant fit für 5.5? Eventuell sind es ja nur ein paar kleine Änderungen?!? Ich habe von CSS leider keine Ahnung.

    • Nein, mit ein "paar kleinen Änderungen" ist es hier leider nicht getan.

    • Schade aber danke für die Info SoftCreatR :)

  • Das Geld ist verloren ,

    Ramiru war das letzte mal online am 19. August 2022

    und da wird auch nichts mehr kommen .

    :cursing:

  • auf dem Test forum ist nichtmal die 5.5 installiert...

  • Wie schaut es denn mit einer Erstattung des Geldes aus?
    Im Mai habe ich den Radiant gekauft, weil angeblich kompatible mit 5.5.X

    Dann wurde man hingehalten bis heute und es passiert ja wirklich nichts.
    Welche Möglichkeiten gibt es denn nun oder ist das Geld verloren?

    • Das Geld ist verloren ... Aber so geht es ja jedem der das Teil gekauft hat.


      Verdammt ärgerlich

  • Der bekommt es nicht hin .....

    Mir geht's genauso stil plus Branding Free gekauft.

    ;(

  • Ramiru bekommste das jetzt noch hin oder haben wir alle den Stil jetzt umsonst gekauft (inklusive Branding Free) ? Eine vernünftige Antwort wäre ja mal toll!!! Das Update 5.5 ist jetzt schon einige Wochen aktiv und wurde auch lange angekündigt.


    Es ist echt nervig jeden Tag zu gucken ob der Stil nun endlich angepasst wurde!!!!


    :cursing:

    • Eine Frechheit ohne gleichen, was der sich erlaubt!

      Like 1
  • Mensch Leute, habt doch mal ein wenig Geduld.

    Ich denke nicht das Ramiru von dem Style leben kann, und somit bestimmt noch ein normales Leben hat.

    Auch ich warte sehnlichst auf ein Update.... aber wenn fertig dann fertig.

    Da hilft es auch nicht zu drängeln.

    Like 1 Thanks 1
  • Für mich hat sich das erledigt, habe zu wenig Vertrauen für die Zukunft... :/ schade.

  • Gibt es schon fortschritte ? Die Bearbeitung dauert nun schon sehr lange ... Ein Feedback des Entwicklers wäre ja mal schön ... am besten mit einem Termin oder sowas :(

    Like 1
    • Ja, ich arbeite noch daran für 5.5.

      Like 3
    • Okay und gibt es ein Zeitfenster ? Da man den Stil nun schon länger nicht verwenden kann, und das natürlich unvorteilhaft ist.

      Like 2
    • Das ist auch mein Problem, alles zerrissen.

    • Ja und es ist absolut schade, das man ganz einfach den Stil in die Tonne haut, und einen anderen verwenden MUSS.


      Sehr schade ich war zufrieden, bis heute ... es reicht einfach ... spar dir das update Ramiru danke das du dir mal mühe gegeben hast, auch wenn es lange her ist! Ciao!

    • Es gibt sicher viele Gründe, warum etwas nicht aktualisiert wird. Eventuell hat er auch keine große Lust mehr und macht das hier nur noch nebenbei. Finde ich nicht wirklich schlimm.
      Ich habe den Style gekauft, weil im Mai dort kompatible mit 5.5 stand, was ja nicht stimmte.
      Dennoch, ich kann noch ein wenig warten, auch wenn es ärgerlich ist.
      Eventuell baut Ramiru den Style ja auch ein wenig um oder hat ein Goodie für uns Wartenden.
      Die Zusammenlegung von Radiant normal und Dark wäre ja schön bei dem Preis, aber das ist natürlich Wunschdenken.
      Das Update kommt bestimmt bald.

  • Ramiru ich möchte nicht drängen, aber ist so viel an Anpassung nötig?

    Danke für deine Arbeit.

    • Hätte meinen Urlaub auch gern für das Upgrade genutzt. Aber so warten wir halt weiter... :/

      Like 1
    • Ich finde es schade das es bis heute nicht da ist.

  • Sehr schade das es kein Update in absehbarer Zeit gibt ...

    • Ramiru 22. Juli 2022 Autor

      Ich werde damit beginnen, diesen Stil für die 5.5-Kompatibilität zu aktualisieren. Bitte geben Sie mir mehr Zeit, um diesen Prozess abzuschließen, und danken Sie für Ihre Geduld.

      Like 1
  • Ich warte sehnsüchtig

  • Hallo, gibt es ein Update für die 5.5 in ansehbarer Zeit ? Vielen Dank!

    Thanks 1
    • Soll es, aber bisher bekommt man keine Rückmeldung.

      Bitte Ramiru

      Like 1
    • Ja wäre schon schön etwas zu hören...

    • Ich werde damit beginnen, diesen Stil für die 5.5-Kompatibilität zu aktualisieren. Bitte geben Sie mir mehr Zeit, um diesen Prozess abzuschließen, und danken Sie für Ihre Geduld.

      Like 4
    • Danke Ramiru
      Ich freue mich schon, den Style endlich nutzen zu können.

  • Wie schaut es aktuell aus?

    Wäre schön wenn das bald passieren würde und Danke!

  • Na wie schaust es mit den Anpassungen an 5.5 aus? Ramiru

    • Ich habe noch nicht mit der Aktualisierung für 5.5 begonnen.

    • Du kannst dir vorstellen, dass mich das nicht erfreut? Erscheinungsdatum ist Mittwoch!

      Thanks 2
    • Wie schaut es aktuell aus?

    • Leider Schweigen! Ich denke mal, das updaten muss er gratis rausrücken!

    • Warum sollte er irgendetwas "müssen"?

  • Guten morgen zusammen,


    würde gerne wissen wie ich einen Externen Link im Forum im neuen Fesnter öffnen lassen kann, in den Allgemeinen Foren einstellungen ist dieses aktiviert jedoch will es mit diesem Design nicht so ganz funktionieren.


    Vielen Dank vorab für die Hilfe

  • hey kurze frage , wie bekommt man das dreieck weg von der navigation ?

    • Bitte verwenden Sie dieses CSS:

      CSS
      .mainMenu .boxMenu > li.active > a::before {
          display: none;
      }
      Like 1
    • danke

  • hey :)


    kurze frage , wo kann ich den header bzw den stickyheader bearbeiten ? würde gerne das logo über der navigation setzen


    lg

    • Meinen Sie etwas wie dies https://pasteboard.co/7yLzil9G6U41.png ?


      Wenn ja, können Sie es mit diesem SCSS erreichen:

    • ja genau so wie auf dem bild :) jedoch passiert leider nix :O

    • liegt bestimmt daran das ich nur leider die 2.2.1 version haben :( trotzdem danke für deine mühe

    • Darf ich wissen, was ist die Ausgabe in Ihrer Website, wenn Sie, dass SCSS, um den Stil hinzufügen?

    • wie meinst das nun ?

  • Hallo,

    wie kann ich die Overlay-Farbe des Sliders entfernen bzw. transparent machen? Aktuell wird die Overlay-Farbe #14b9c8 angewendet. Wenn ich diese entferne erscheint immer noch ein leichte graue Farbe.

    • Dies ist das zu verwendende CSS:

      CSS
      .pageHeaderHero {
          background: transparent;
      }
  • Die Icons sind leider immer noch grün nach dem Update.


    EdiT: Jetzt sehe ich es. Wir hatten uns damals falsch verstanden. Ich möchte das grün von dem Icon weg haben.


    https://ibb.co/mcTYLN0

    • Um die Hintergrundfarbe der Icons (grün) zu ändern, sollte dies das CSS sein:

      CSS
      .wbbBoardIcon {
          background: red;
      }
      Thanks 1
    • Danke Ramiru,

      kannst du mir noch sagen wie ich es jetzt ändern kann das ungelesene nicht rot angezeigt werden?


      https://ibb.co/rtQsDs3

    • Sie sollte standardmäßig rot sein. Wenn Sie die Hintergrundfarbe weiter ändern möchten, können Sie dieses CSS verwenden:

      Sass (Scss)
      .wbbBoardIcon {
          background: blue;
          
          &.markAsRead {
              background: red;
          }
      }
  • Guten Abend Ramiru,


    ich habe wieder eine Frage zum Style.

    Wie kann ich es einstellen, das die Icons keine hinterlegte Farbe anzeigen, sondern die, die ich in den Foreneinstellungen hinterlegen kann?


    https://ibb.co/mcTYLN0

    • Dies ist ein Fehler im Stil. Ich werde nächste Woche eine neue Version veröffentlichen, die diesen Fehler beheben wird.

      Like 1
    • Danke für die Info!

      Wenn ich das Update dann einspiele sind alle meine Veränderungen weg?

    • Erstens können Sie nur aktualisieren, wenn Sie den Schutz des Stils nicht deaktiviert haben.


      Wenn Sie aktualisieren, wird das Folgende beibehalten:

      • benutzerdefinierte Farben in der Farbpalette
      • benutzerdefinierte CSS/SCSS unter Erweiterte Einstellungen > Eigene Deklaration > Individuelle CSS und SCSS

      Alle geänderten Templates werden überschrieben. Stellen Sie also sicher, dass Sie eine Sicherungskopie Ihrer benutzerdefinierten Templates erstellen.

  • Wäre es möglich bei den Social Links beim nächsten Update "Discord" mit aufzunehmen?

  • Ich hätte es gerne so eingestellt, das die Farbe der Titels, die noch nicht gelesen sind, hier rot angezeigt werden.

    Wo muss ich das Einstellen?


    https://ibb.co/tYHM7nL


    Jetzt schon besten Dank für Info!

    • Bitte verwenden Sie dieses SCSS:

      Sass (Scss)
      .messageGroupList .new .messageGroupLink {
          color: red;
          
          &:hover {
              color: blue;
          }
      }
      Thanks 1
    • Hallo Ramiru,


      vielen Dank!

  • Ich bin gerade dabei die Farben etwas zu ändern. Wo kann ich das kleine Dreieck, das den aktiven Link zeigt anpassen?


    Screen

    • Bitte fügen Sie dies in Erweiterte Einstellungen > Individuelles CSS und SCSS hinzu:

      CSS
      .mainMenu .boxMenu > li.active > a::before {
          border-color: transparent transparent red transparent;
      }

      Ändern Sie einfach red in eine beliebige Farbe.

      Thanks 1
    • Hallo Ramiru,


      wow, das ging aber schnell. Vielen lieben Dank! Toller Service.

      Hat wunderbar funktioniert, danke!

  • Hallo!

    Wenn ich im ACP Radiant-Änderungen speichern möchte, wird leider nichts übernommen und nur eine index.php Datei heruntergeladen in der steht:

    <html><head>

    <title>503 Service Unavailable</title>

    </head><body>

    <h1>Service Unavailable</h1>

    <p>The server is temporarily unable to service your

    request due to maintenance downtime or capacity

    problems. Please try again later.</p>

    • 503 ist ein Problem auf Ihrem Server und nicht der Stil. Ich schlage vor, dass Sie sich bezüglich dieses Problems an Ihren Hoster wenden.

  • Hallo,

    es gibt seit dem Update Probleme mit Preload, welches Google bemängelt, da die Schriften nicht vorgeladen werden.



    Siehe auch hier: RE: Seit Update auf 5.4 zeigt Google Page Speed Preload Fehler an

    • Versuchen Sie bitte Folgendes, um Ihr Problem zu lösen:

      1.) Löschen Sie den Cache

      2.) Gehen Sie zu ACP > Anpassung > Stile > Radiant > Globale Einstellungen > Font Face und setzen Sie den Wert auf Roboto.

    • Nein. Funktioniert nicht. Immer noch das gleiche.

    • Könnten Sie bitte versuchen, die Font zu ändern, wenn sie immer noch die Roboto laden? Sagen wir, ändern Sie sie in Inter.

    • Dann ist die Preload Warnung weg.

    • Mach ich Roboto wieder rein, ist die wieder da:

      Code
      Mit `<link rel=preload>` können Sie das Abrufen von Ressourcen priorisieren, die derzeit beim Seitenaufbau erst später angefordert werden. Weitere Informationen.FCPLCP
      URL
          
      Mögliche Einsparungen
      …Roboto/roboto-v20-latin-regular.woff2(www.das-schaeferhund-forum.de)
          
      3.930 ms
      …Roboto/roboto-v20-latin-500.woff2(www.das-schaeferhund-forum.de)
          
      3.420 ms



      Hier der passende Quelltext:

      CSS
      <link rel="preload" as="font" type="font/woff2" href="https://www.das-schaeferhund-forum.de/wcf/font/families/Roboto%20Condensed/roboto-condensed-v19-latin-regular.woff2" crossorigin>
          <link rel="stylesheet" href="https://www.das-schaeferhund-forum.de/wcf/style/ForoStyle/radiantFont.css">
      <link rel="stylesheet" type="text/css" href="https://www.das-schaeferhund-forum.de/wcf/style/style-19.css?m=1627334577">
      <link rel="preload" href="https://www.das-schaeferhund-forum.de/wcf/font/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin type="font/woff2"><style>a[href^="https://www.das-schaeferhund-forum.de/board-feed/"] { display: none !important; }</style>



      Hier meine aktuelle Headinclude:

  • In der Version 2.2.2 werden bei mir im Beitrag fettgedruckte Passagen nur "normal" angezeigt.

    Im Editor wie auch nachher im Beitrag

    Ein anpassen der font-weight brachte nicht das gewünschte ergebnis

    • Funktioniert dieser CSS-Code vielleicht? Hatte den noch in meinem Test-System aktiv.

      CSS
      b, strong {
          font-weight: 600 !important;
      }
      Thanks 1
    • Das war auch meine erste Idee.

      Ich hab nun vorübergehend den Font im Stil geändert, damit gehts.

      Like 1
    • Vielleicht hängt das Problem von mir auch hiermit zusammen:

      woltlab.com/community/thread/291419/

      Die vorgeschlagene Lösung habe ich aber nicht getestet, da ich mit der neuen Schriftart zufrieden bin.

    • Ich stehe aktuell vor demselben Problem - allerdings nur in meinem Live-System. Ich habe sowohl mein Live- als auch mein Test-System auf das WSC 5.4 aktualisiert. Beim Upgrade wurde auch Radiant auf die Version 2.2.2 aktualisiert. In meinem Live-System bekomme ich keine fette Schrift angezeigt. Im Test-System funktioniert es allerdings. In beiden Systemen verwende ich dasselbe CSS.


      CSS
      /* Forum - Ungelesene Nachrichten fett markieren */
      .messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink, .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {
          font-weight: 700 !important;
      }
      
      
      /* Forum - Fehlende deklaration für dicke Schrift im Stil */
      b, strong {
          font-weight: 700 !important;
      }


      In meinem Test-System funktioniert das und sowohl Themen mit ungelesenen Beiträgen als auch als fett markierter Text im Editor werden fett markiert. Im Live-System funktioniert das nicht.


      So sieht das im Live-System aus:

      https://pasteboard.co/KgUS3i6.png


      Und so sieht das im Test-System aus:

      https://pasteboard.co/KgUSsbn.png


      Komisch ist, dass die 700er Schrift im Live-System gar nicht erst geladen wird. Aber warum??? :/


      Mein Live-System mit Radiant als Standard ist hier zu erreichen:

      https://www.compiware-forum.de


      @Ramiru

      Was ist das Problem?

    • Ihre Live-Site funktioniert bei mir einwandfrei, wie dieser Screenshot zeigt: https://pasteboard.co/KgV4UUS.jpg


      Ich habe dieses Problem auch schon einmal gehabt, aber ich habe herausgefunden, dass es an einer veralteten Roboto-Font (die nicht von Google Font heruntergeladen wurde) liegt, die auf meinem Computer installiert war.


      Alle Websites, die ich besucht habe und die Roboto verwenden, zeigen nur die normale Font Weight an. Nachdem ich die veraltete Roboto-Font in meinem System gelöscht hatte, funktionierte alles einwandfrei.

      Thanks 1
  • Isn't it possible to install version 2.2.2 in WSC 5.3? Is the new version only available for WSC 5.4? I did not update to WSC 5.4 and want to update as many plugins as possible before upgrading to WSC 5.4. But version 2.2.2 is not available for update.

    • It can't be used for 5.3 because of the template changes, I think particularly in session handling.

      Thanks 1
    • Thanks! Good to know. :)

  • Mit der Woltlab Suite 5.4 ist in der mobilen Version der Login Link nicht anklickbar. Dort wird das wohl über Javascript mit einem Modal Overlay gelöst. Allerdings scheint das laut Browser Konsole fehlzuschlagen weil etwas in den Javascript Libs geändert wurde:


    Code
    Uncaught TypeError: WCF.User.Login is not a constructor
        at HTMLDocument.<anonymous> ((index):2579)
        at f (WCF.Combined.tiny.min.js?v=1626346769:4)
        at p (WCF.Combined.tiny.min.js?v=1626346769:4)
    • Ich empfehle, dies nicht mit der Version 5.4 zu verwenden, da ich die Kompatibilität noch nicht geprüft habe.

    • Okay, vorhin stand bei den "Unterstützte Versionen" noch die 5.4.

      Jetzt ist sie weg.


      Deshalb dachte ich, das wäre soweit getestet.

    • Ich glaube, es wird automatisch von der WoltLab Filebase-App dort abgelegt.

      Thanks 1
    • Gibt es eine Möglichkeit dies zu beheben? Wir haben beiden Foren aktualisiert und jetzt kann sich keiner mehr Mobil einloggen.


      Grüße

    • Um dieses spezielle Problem zu beheben, öffnen Sie ACP > Anpassung > Templates > Radiant(*) > pageHeaderUser Template und finden Sie:

      JavaScript
      new WCF.User.Login(true);

      dann ersetzen Sie es durch:

      JavaScript
      WCF.User.QuickLogin.init();
      Like 2
  • Wie kann ich diese Boxen realisieren ?`


    https://ibb.co/8grPTrf


    @Ramiru

  • Wenn man etwas Zeit Investiert...

    ... kann man es auch auf der 5.5 Nutzen, bis das eigentliche Update kommt. ;)


    Screen aus meinem Testforum mit WSC 5.5.4



    Das Design ist nach wie vor eine Klasse Arbeit, auch wenn die Updates etwas schleppend laufen, bin ich mit dem Design sehr zufrieden.

  • Tolles Design

    Negativ vermerken muss man, dass ein Update für 5.5 immer noch nicht zur Verfügung steht! Nicht zum ersten Mal, dass sich der Anbieter nicht um ein fristgerechtes Update bemüht! Damit für langjährig bestehende Community nicht nutzbar! Leider!

  • Es gibt scheinbar kein Update für die 5.5

    Wie es aussieht wird es kein Update für die 5.5 geben. Somit eine negative Bewertung! :cursing:

  • Wirklich klasse

    Der Style ist echt mega und ich habe ihn gekauft, da er nicht nur super schön ist, sondern auch kompatible mit 5.5 ist.
    Zumindest steht es hier so.
    Auf 5.5 RC1 funktioniert der Style zumindest nicht und ist total zerflückt.
    Ich hoffe, hier wird es ein update geben, dann gibt es auch 5 von 5 Sterne.


    Update: Da sich der Entwickler nicht mehr meldet und ich den Radiant Style extra für 5.5 gekauft habe (Es stand kompatible mit 5.5 dran), kann ich hier nur noch einen Stern geben.
    Da Geld ist futsch. Schade.

  • Toller Stile

    Ein toller Stile, danke!

    Wäre super wenn ihr bei den Social Media Icons noch Discord aufnehmen würdet.

Customers Who Bought This File Also Bought

  1. Community Bot

    New The 'Swiss Knife' for your community.
    EUR 9.97
    • Like 36
    • 2.8k Downloads
    • 926 Purchases
  2. JCoins

    New This plugin integrates an extensive virtual credit system into the WoltLab Suite with which member can be rewarded for their activities.
    WoltLab Cloud
    EUR 9.97
    • Like 32
    • 2.2k Downloads
    • 532 Purchases
  3. Allows you to create a modern slideshow with teaser as an eye catcher in your dashboard and/or forum.
    WoltLab Cloud
    EUR 12.99
    • Like 85
    • 3.3k Downloads
    • 1k Purchases
  4. This plugin provides a clean and modern shoutbox for your community.
    WoltLab Cloud
    EUR 9.95
    • Like 293
    • 20k Downloads
    • 4.8k Purchases