Skip to content

Further Widgets question

Solved Configure
4 2 1.3k 1
  • Continuing my Widgets struggle here as although I asked about it on NodeBB forum, I still have remaining areas of confusion.
    I dont find the menu intuitive. In particular now Ive understood that the global .tpl will apply everywhere, are these Category / Topic settings irrelevant?
    20230526_163355~2.jpg

    Excuse the blurry photo, but what is the point of that
    Category 0
    Topic 0
    If its going to apply globally anyway?

  • Continuing my Widgets struggle here as although I asked about it on NodeBB forum, I still have remaining areas of confusion.
    I dont find the menu intuitive. In particular now Ive understood that the global .tpl will apply everywhere, are these Category / Topic settings irrelevant?
    20230526_163355~2.jpg

    Excuse the blurry photo, but what is the point of that
    Category 0
    Topic 0
    If its going to apply globally anyway?

    @Panda is there any reason not to include a screenshot rather than a photo of the screen? It’s a bit hard to decipher a blurry image 🙂

  • Apologies, was having technical difficulties with laptop with no PrtSrn button!
    widget.png

    Update
    There are tpl files for category and categories
    It seems this field works under category.tpl and not categories.tpl

    Im confused what the categories.tpl is for, but the category.tpl is working now, so problem solved

  • Pandaundefined Panda has marked this topic as solved on
  • Apologies, was having technical difficulties with laptop with no PrtSrn button!
    widget.png

    Update
    There are tpl files for category and categories
    It seems this field works under category.tpl and not categories.tpl

    Im confused what the categories.tpl is for, but the category.tpl is working now, so problem solved

    @Panda category is for a category in its own, so for example, “fruit” whereas categories is the page that contains all categories as a list.


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    2k Views
    I’m happy to see this
  • Opening links in nodebb widget

    Solved Configure nodebb
    6
    4 Votes
    6 Posts
    2k Views
    A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below <iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe> This works first time every time on your site as intended.
  • NodeBB recent cards customisation

    Solved Customisation nodebb recent cards
    3
    1
    2 Votes
    3 Posts
    995 Views
    @phenomlab thank you very much for the assistance Mark, massively appreciated as always. The great thing about this is it’s all documented for other NodeBB users that come looking for solutions . Looks far better .
  • Where are widgets stored?

    Solved Configure nodebb
    3
    1 Votes
    3 Posts
    1k Views
    @phenomlab Thanks, have DMed you
  • Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • what does sound/mute button do?

    Solved Customisation nodebb
    20
    1
    9 Votes
    20 Posts
    4k Views
    @crazycells Yeah, looking at the plugin itself, that’s a hard coded limit [image: 1653494282106-3d6dbc10-185b-4102-9470-0c2731a10750-image.png] I’ll probably remove that… eventually…
  • Detect if user is admin

    General nodebb javascript code
    2
    0 Votes
    2 Posts
    1k Views
    @pwsincd I think you can use userData.isAdmin = isAdmin; if I’m not mistaken - see https://community.nodebb.org/topic/15128/how-to-hide-whitelist-user-field-only-to-owner-or-admin?_=1648802303112 for an example
  • CSS codes for fa-info icon

    Solved Customisation nodebb
    9
    1
    6 Votes
    9 Posts
    2k Views
    I have just figured it out… it can be targeted with text-decoration-color: I was mistakenly using color