Featured WoltLab Cloud Radiant 2.0.0

License Agreement
ForoStyle License
Website
https://forostyle.com/styles/radiant/
Supported Versions
WoltLab Suite 5.2

Clean and Elegant Premium WoltLab Style

Live Demo:

https://demo.forostyle.com/WoltLab/


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/styles/radiant/Radiant Style Manual.pdf

Images

  • Version 2.0.0

  • Hallo,


    ich würde gerne das Profil-Cover mit dem Flex-Menu auch in meine beiden externen Anwendungen von EasyMedia von cls-design und den Marktplatz von viecode einbinden. Ich habe mir die Templates angeschaut und habe auch alles soweit verstanden, die Einträge im Template header und userContentMenu habe ich hinbekommen. Auch die __userQuickSearchItems habe ich korrekt angepasst da es mir im Profil korrekt angezeigt wird.

    Jedoch scheitere ich bei den 3 Template der jeweiligen Anwendungen videoList, imageList und entryList.

    In der WL Filebase ist das dieser Abschnitt, den ich jetzt für die 3 Templates anpassen muss:


    Ich habe schon versucht userFiles in userVideos, userImages oder userEntries anzupassen aber leider ohne Erfolg.

    Könntest du mir dabei helfen?

    • Hallo,


      Könnten Sie mir bitte die videoList, imageList und entryList-Templates über Conversation schicken?


      Oder, falls möglich, einen Admin-Zugang einer Testinstallation, in der diese Anwendungen installiert sind. Dies ist eine viel bessere Option, bei der ich gründlich testen kann, ob die Änderungen an den Vorlagen funktionieren.

      Like 1
    • Schicke ich dir heute Nacht wenn ich von der Arbeit nach Hause komme, danke schon mal.

  • Hi, wie kann ich die Hintergrundbilder und Text im Header bearbeiten? Ich werde aus de, Manual nicht schlau.

    • Hallo,


      Zuerst können Sie den gesamten Text im Slider ändern, indem Sie zu ACP > Anpassung > Texte verwalten > Filter: Kategorie: wcf.Radiant.headerSlides gehen und dann einen benutzerdefinierten Wert für jede Phrase angeben.

      https://pasteboard.co/Id8FcPc.png


      Als nächstes müssen Sie die entsprechende Template manuell bearbeiten, um das Hintergrundbild und seinen Inhalt zu ändern.


      Für den Slider im Dashboard ist die Template, die Sie bearbeiten müssen, ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard

      https://pasteboard.co/JgJd7E7.png


      Grüße

  • Wenn ich den Stil hochladen möchte erscheint:


    Der Zutritt zu dieser Seite ist Ihnen leider verwehrt. Sie besitzen nicht die notwendigen Zugriffsrechte, um diese Seite aufrufen zu können.


    Ich habe es heute gekauft und bei anderen Stilen funktioniert es.

  • Wenn man kein Blog, Forum oder sonstiges nutzt, gibt es ein Profile fehler (Optik).


    so sieht es ohne Forum oder blog aus --> https://ibb.co/p2p8jxj


    in Ihren Demo Forum sieht es so aus ---> https://ibb.co/ZBwNdbt


    Ich nutze nur das News System und VieCode Lexikon sowie das reine CMS


    Und bei dem User-Popover habe ich diese darstellung --> https://ibb.co/vxG3mkd

    • Könnten Sie bitte eine Live-URL Ihrer Website angeben?

  • ist in zufunkt geplant auch eine Kombinierte JS Datei auszuliefern anstatt mehrende einzelne?

    • Es wird getrennt gehalten, da nicht alle JS-Dateien auf allen Seiten benötigt werden. Einige davon werden nur auf bestimmten Seiten geladen.

  • Hallo, - Wie bekomme ich es hin, um die Label-Box in der Artikel Liste auszublenden? Die Box wird ja unter Boxen im ACP gar nicht gelistet.


    https://gpxbike.de/article-list/

    • So oder so, ich würde es nicht empfehlen, aber ich kann Ihnen zwei Optionen nennen.


      Option A:

      Verwenden Sie dieses CSS:

      CSS
      .sidebar #sidebarForm {
      display: none;
      }


      Option B:

      Löschen Sie den untenstehenden Code in den folgenden Templates:

      • articleList
      • categoryArticleList
      • unreadArticleList
      • watchedArticleList
      Thanks 1
  • Fehler in der Sprachvariable des Slider


    Bild: https://gpxbike.de/images/sprache.jpg

    • Danke, dass Sie diesen Fehler gemeldet haben. Um ihn zu beheben, öffnen Sie ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard und suchen Sie:

      Smarty
      {lang}wcf.menu.item.com.woltlab.wbb.UnresolvedThreadList{/lang}

      und ersetzen Sie ihn dann durch:

      Smarty
      {lang}wbb.board.filterByStatus.undone{/lang}
    • Danke hat funktioniert

  • Moin hätte eine Frage. Wenn ich diesen Still kaufe, wird dann die Artikel Seite genau so angezeigt wie in der Demo? Dies würde ich gerne mit diesem Still so haben. Danke! Grüße

    • Ja, so werden die Artikel aussehen, wenn dieser Stil verwendet wird.

  • Hallo,


    ich hätte 2 Fehler gefunden:

    1) siehe https://ibb.co/JFH558w Das ist beim Thread unten der Bereich wo man ein neuen Eintrag schreiben kann. Da passt das marginleft nicht so ganz.

    2) Wenn man auf das Datum von einem Foreneintrag klickt, wird ja zu diesem Eintrag hingesprungen, bzw. die Seite wird an der Position geladen. Nur passt da die Positon nicht ganz. Das wird ein Tick zu weit unten geladen, also die Datumszeile und die erste Textzeile ist hinter dem Header versteckt.


    Gibt es dazu eine Lösung?


    Vielen Dank im Vorraus.

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

      Sass (Scss)
      @include screen-sm-down {
      #messageQuickReply .messageAuthorContainer {
      margin: 0 5px 0 40px;
      }
      }


      2) Bitte sehen Sie sich diesen Kommentar für die Lösung an: https://pluginstore.woltlab.co…omment33570/response44353

    • 1) Das passt jetzt an der Stelle, nur ist es auch bei den anderen Einträgen nun auch verschoben. Weil so hatte ich es selbst auch schon abgeändert bekommen :P


      2) Den Fix hab ich schon drin, ich meine aber was anderes. Wenn Sie hier mal draufklicken: https://ls-modcompany.com/foru…d/?postID=90435#post90435

      dann sehen Sie was ich mein. Die Seite müsste ein Stück weiter oben geladen werden. Von dem Beitrag ist der obere Teil vom Header verdeckt.


      Besten Dank schonmal!

    • Entschuldigen Sie, dass ich die Code-Fixes, die ich veröffentlicht habe, nicht gründlich getestet habe.


      1) Ich habe meine obige Antwort für den korrekten Code bearbeitet.


      2) Ich habe auch den korrekten Code bei https://pluginstore.woltlab.co…omment33570/response44353 editiert.

      Thanks 1
    • Beides funktioniert nun wie es soll. Herzlichen Dank für den tollen Support!

  • Hallo,


    Buttonanzeige im Profil! wird verzerrt angezeigt:


    BSP


    Gibt es da eine Lösung?

    • Bitte stellen Sie einen öffentlichen Screenshot zur Verfügung. Ich kann den von Ihnen bereitgestellten Screenshot nicht sehen (Access denied).

    • Sry, für die EInbindung.


      Bsp - Profil

    • Ich kann dieses Problem in meiner Installation nicht reproduzieren. Könnten Sie bitte einen Live-Link zur Verfügung stellen, damit ich einen Blick darauf werfen kann?

  • Farbe ändern - badge label newMessageBadge


    Update: Habs hinbekommen

    "Stilunabhängiges CSS und SCSS" den Code eingegeben

    Code
    .newMessageBadge {
    background-color: #9DD364;
    color: #000000;
    }
  • Hallo,
    wie kann man die unteren Menü - Links (links) ändern?


    Danke vorab!

    • Es handelt sich lediglich um eine Nachbildung des Hauptmenüs. Was auch immer Sie in das Hauptmenü eingeben, es wird auch dort erscheinen.


      Sie können es aber vollständig deaktivieren, indem Sie zu ACP > Konfiguration > Radiant > Fußzeile gehen.

      Thanks 1
    • Hallo,

      also ist es eine Spiegel vom obigen Menü....


      Okay! Dank Dir!

  • Wie aktiviere ich den Schieberegler in der Artikel Liste ?

    • Dazu müssen Sie eine neue Template erstellen und dann eine bestehende modifizieren. Bitte folgen Sie diesen Schritten:


      1. Erstellen Sie eine neue Template unter der Radiant Templategruppe (ACP > Anpassung > Templates > Template Hinzufügen). Lassen Sie uns diese Template pageHeaderSlidesArticles nennen. Der Code für diese Template sollte wie folgt aussehen:

      Sie sollten den obigen Code modifizieren, um Ihren gewünschten Inhalt einzufügen.



      2.A Gehen Sie zu ACP > Anpassung > Templates > Radiant und klicken Sie auf die pageHeader-Template.


      2.B Finden Sie auf der pageHeader-Template diesen Code um ZEILE 43 herum:

      Smarty
      {if RADIANT_SLIDER}

      Darunter fügen Sie diese Codezeile hinzu, um die in Schritt 1 erstellte Template einzufügen:

      Smarty
      {if $__wcf->getActivePage() != null && $__wcf->getActivePage()->identifier == 'com.woltlab.wcf.ArticleList'}
      {include file='pageHeaderSlidesArticles'}
      {/if}
      Like 1 Thanks 1
    • Vielen Dank

    • Code
      {if $__wcf->getActivePage() != null && $__wcf->getActivePage()->pageID == 'PAGEID'}
      {include file='pageHeaderSlidesNEU'}
      {/if}

      Ich habe das in der pageHeader so kann man den Schieberegler auf jeder x beliebigen Seiten anzeigen.

      Like 1
  • Kleiner Anzeigefehler nach einigen Beiträgen.


    Getestet in Chrome, Firefox und Explorer


    Beispiel

    • Dies ist ein Fehler in unserem Stil. Um ihn zu beheben, fügen Sie bitte diesen SCSS in Erweiterte Einstellungen > Individuelles CSS und SCSS hinzu:

      Thanks 3
    • Dank Dir... alles wieder gut!

  • Ich habe in den footerLegalLinks 2 weitere li-Elemente eingebaut und habe dort in der Desktop-Ansicht nun einen Zeilenumbruch der beim 5. Element den Trennpunkt auch anzeigt. Kann man diesen - nur in der Desktop-Anzeige - mittels CSS Deklarationen ausblenden?

    • Ja, Sie können dieses CSS verwenden, um es auszublenden:

      Sass (Scss)
      @include screen-lg {
      .footerLegalLinks {
      display: none;
      }
      }
    • Das blendet den ganzen Kontext aus, mir geht es allerdings nur um den Trennpunkt des 5. Elements, das in eine neue Zeile gerutscht ist.

    • Bitte verwenden Sie stattdessen dieses CSS:

      Sass (Scss)
      @include screen-lg {
      .footerLegalLinks > ul > li:nth-child(5)::before {
      display: none;
      }
      }
      Thanks 1
    • Wunderbar, vielen Dank :)

  • Die Forenkategorien sind bei mir leider nicht einklappbar. Ein Klick auf die dafür zur Verfügung stehenden Icons bringt nichts, es passiert einfach nichts.

    Die Browserkonsole gibt folgenden Fehler aus:

    Code: Console
    Uncaught TypeError: Cannot read property 'containerID' of undefined
    at r._success (WCF.Combined.min.js?v=1589409037:27)
    at Object.i [as success] (WCF.Combined.min.js?v=1589409037:6)
    at o._success (WoltLabSuite.Core.min.js?v=1589409037:8)
    at XMLHttpRequest._xhr.onload (WoltLabSuite.Core.min.js?v=1589409037:8)
    • Es gilt noch zu erwähnen dass bei einem Neuladen der Seite die Änderung des Icons dann auf die Kategorie angewandt wird.

    • Könnten Sie bitte die URL angeben, wo dieses Problem auftritt?


      Passiert es auch nur bei Verwendung unseres Stils oder sogar beim Standard-Stil von WoltLab?

  • Hi!

    Wie bekomme ich im Menü statt "Dashboard" nur ein Haus-Icon (FA 015) angezeigt?

    Versucht habe ich im Stil unter erweiterte Einstellungen das hier:


    .mainMenu li[data-identifier="com.woltlab.wcf.Dashboard"] > .boxMenuLink > .boxMenuLinkTitle {

    display: none;

    }

    .mainMenu li[data-identifier="com.woltlab.wcf.Dashboard"] > .boxMenuLink::before {

    content: "\f015";

    font-family: FontAwesome;

    }


    Sobald ich aber auf das Haus klicke, ist es unsichtbar. Klicke ich wieder auf einen anderen Menüpunkt, taucht es auf.


    Vielen Dank im Voraus!


    Gruß, Marcus

    • Sie müssen das ::after pseudo-element verwenden, da das ::before bereits verwendet wird (um das Dreieck für das aktive Menü anzuzeigen).


      Thanks 1
    • Guten Morgen,


      herzlichen Dank! Hat funktioniert. Der Support ist wirklich klasse!!


      Gruß, Marcus

  • Hallo!


    Ich habe die alte Version auf 5.2 laufen, wir hatten einiges geändert, um es dort zum Laufen zu bekommen, gibt es eine Möglichkeit Farbschemata von der alten Version in die neue zu kopieren und auch die Einstellungen?

    • Wenn Sie den Stil aktualisieren, behält er die Farben bei, die Sie in der Farbpalette festgelegt haben. Die Konfigurationen in der ACP bleiben ebenfalls erhalten.


      Was überschrieben wird, sind alle Templates und die SCSS. Stellen Sie also sicher, dass Sie vor der Aktualisierung eine Sicherung der alten Version machen.

    • Danke für die Antwort!

  • Wie bekomme ich denn den Slider im Header deaktiviert?

    Das Austauschen der Bilder erscheint mir etwas kompliziert, deshalb möchten wir den Slider vorerst nicht darstellen.


    Vielen Dank im Voraus!

    • Bitte gehen Sie zu ACP -> Konfiguration -> Radiant -> Schieberegler -> Header-Schieberegler Aktivieren und setzen Sie auf Nein

    • Perfekt, vielen Dank!!

  • Habe einen Darstellungsfehler und ein zusätzliches "}".

    Im Video zu sehen: https://streamable.com/83jq0f

    • Edit:

      Liegt am Plugin "Themen Bewerten von WBB-Elite" Themen Bewerten 3.0

    • Könnten Sie bitte den Radiant-Stil aktivieren, damit ich die Fehlersuche durchführen kann?


      Geschieht dies auch mit dem Standardstil?

    • Dieses Problem wurde nicht durch ihr Stil sondern durch ein Plugin verursacht. - Alles wieder in Ordnung

  • Hallo,


    sobald die Mitgliederliste über 1000 Seiten hat, dann sieht das nicht mehr so gut aus, siehe Screen: https://prnt.sc/rqhxwx

    • Ich habe den Punkt (.) in den Zahlen nie vorausgesehen.


      In diesem Fall können Sie das Problem lösen, indem Sie es mit diesem CSS ein wenig größer machen:

  • Muss ich tatsächlich nochmal 8,33€ ausgeben, auch wenn ich die Version 1.1.1 bereits im Besitz und hier gekauft habe?

    • Ich habe nur das alte Preisschema von WoltLab befolgt, um Verwirrung zu vermeiden, bei dem es eine Upgrade-Gebühr für ein Hauptversions-Update gibt: https://forostyle.com/styles/radiant/#pricing

    • Gerade weil du die Version 1 nutzt, zahlst du nur 8,33 EUR. Hättest du die Version 1 nicht, müsstest du 29,75 EUR für die Version 2 zahlen. ;)

    • Ich denke 8,33€ für Bestandskunden sind für diesen Stil völlig in Ordnung...

      Like 2
  • Wenn ich den Style der Forenansicht ändere, z. B. zweizeilige Anzeige, diese als Standard definiere und speichere, wird nichts übernommen. Die Ansicht ist immer noch dieselbe. Waran könnte das liegen?

    • Am Cache?

    • Nachdem Sie ein neues Standardlayout festgelegt haben, müssen Sie den für Ihre Website spezifischen localStorage Ihres Browsers löschen


      https://pasteboard.co/J1ibnKw.png

    • Die im ACP durchgeführten Einstellungen, was die Forenansicht betrifft, werden nicht übernommen. Es bleibt bei der klassichen Ansicht. Cache habe ich selbstverständlich berücksichtigt.

    • Bitte versuchen Sie Folgendes:


      1. Wählen Sie ein anderes Standardlayout, d.h. Mehrere Spalten (2 - 4), und speichern Sie dann.

      2. Löschen des LocalStorage

      3. Laden Sie das Forum neu.

      4. Wählen Sie erneut ein anderes Standardlayout, Zwei Spalten, und wiederholen Sie dann die Schritte 2 und 3.

  • ist ein Update von der Vorgänger Version möglich oder muss ich alle meine Anpassungen in die neue Version einarbeiten?

    • Die neue Version kann einfach drüber installiert werden. Es müssen dann nur Templates gelöscht werden, die nicht mehr benötigt werden. Dein CSS Code und deine geänderten Templates bleiben erhalten. So war es zumindest bei mir...

      Thanks 1
    • Sie können ab Version 1.1.1 aktualisieren.


      Nach dem Update bleiben Ihre Änderungen in der Farbpalette und Ihr benutzerdefiniertes CSS erhalten.


      Die Vorlagen werden überschrieben, so dass alle Vorlagen, die Sie für diesen Stil modifiziert haben, verloren gehen.


      Stellen Sie sicher, dass Sie vor der Aktualisierung eine Sicherungskopie Ihres vorherigen Stils erstellen, falls Sie Vorlagen geändert haben.

    • @PoooMukkel , kannst du mir sagen, welche Templates du gelöscht hast?


      Ich bin mit den Ergebnis nach den Style Update gerade nicht so zufrieden...

    • @PhiL113 Bitte beziehen Sie sich auf dieses Handbuch: https://forostyle.com/styles/radiant/Radiant Style Manual.pdf

      Thanks 1
  • Danke dafür! Danke insbesondere für die wirklich mega schnelle Hilfe, bei ein paar kleinen Problemen mit der Darstellung des Lexikon. Ein wirklich toller Job jetzt!

    Like 1
    • Schließe mich an! Habe auch bereits viel Hilfe per Konversation erhalten! Weiter so!

  • Does the previous style not get an update to 5.2? Otherwise find it a bit unfair to pay for the same style again...

    Like 1
    • I was just following the old pricing scheme of WoltLab to avoid confusion wherein there's an upgrade fee for major version update: https://forostyle.com/styles/radiant/#pricing


      I might also consider changing the pricing model in the future since WoltLab has already changed theirs.

      Like 1

Customers Who Bought This File Also Bought