Skip to content
Sudonix

Where are widgets stored?

Solved Configure
3 2 993 1
  • Pandaundefined

    Im away from home and only have access to mobile devices, and none of those allow me to create a widget. Can’t drag the html element into the (say) header section. Thats not working in mobile or ‘Desktop mode’ mobile, as the touch screen wont grab the item like a mouse click does.
    I was curious if I can create this widget directly as can SSH into my nodebb file system. So question:
    Is Widget code stored in the MongoDB database, or is it just a file in the NodeBB file system?
    In principle can I create a file that would then be picked up as a Widget. I guess if it is stored as a file, somewhere it must say what category and position on screen it applies to.

    0
  • Pandaundefined Panda

    Im away from home and only have access to mobile devices, and none of those allow me to create a widget. Can’t drag the html element into the (say) header section. Thats not working in mobile or ‘Desktop mode’ mobile, as the touch screen wont grab the item like a mouse click does.
    I was curious if I can create this widget directly as can SSH into my nodebb file system. So question:
    Is Widget code stored in the MongoDB database, or is it just a file in the NodeBB file system?
    In principle can I create a file that would then be picked up as a Widget. I guess if it is stored as a file, somewhere it must say what category and position on screen it applies to.

    phenomlabundefined

    @Panda widgets are stored in the Mongo database. I can set the widget up for you if you PM me site details etc.

    Mark – Founder, Phenomlab Ltd
    Executive IT & Security Leadership
    Phenomlab Ltd

    1
  • phenomlabundefined phenomlab

    @Panda widgets are stored in the Mongo database. I can set the widget up for you if you PM me site details etc.

    Pandaundefined

    @phenomlab Thanks, have DMed you

    👍
    0
  • Pandaundefined Panda has marked this topic as solved on
Log in to reply

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
  • Madchatthewundefined

    TNG + Nodebb

    General tng genealogy nodebb plugin
    4
    0 Votes
    4 Posts
    1k Views
    phenomlabundefined
    @Madchatthew said in TNG + Nodebb: you have to try and use duck tape and super glue to change something to make it do what you want it to do I couldn’t have put that better myself.
  • Pandaundefined

    Nodebb icon on google page

    Solved Customisation nodebb
    9
    1
    4 Votes
    9 Posts
    3k Views
    phenomlabundefined
    @Panda It’s been raised multiple times, but only for the open source version, and not hosted.
  • Pandaundefined

    What is this bar called?

    Solved Customisation nodebb
    92
    1
    36 Votes
    92 Posts
    27k Views
    DownPWundefined
    This is good
  • Pandaundefined

    Interesting Widget code, but can't fetch API

    Solved Customisation nodebb
    26
    2 Votes
    26 Posts
    7k Views
    phenomlabundefined
    @Panda said in Interesting Widget code, but can’t fetch API: How did you drop that widget into the post there? I hadnt seen this BSgenerator anywhere on sudonix site, do you use it somewhere already? Yes, here https://sudonix.org/topic/414/corporate-bullshit-generator?_=1687774393044 It’s not a “post” or “topic” in the common sense. It is actually a page in it’s own right and leverages nodebb-plugin-custom-pages. This in turn creates a new “route” which behaves like a page, meaning it is then exposed for widgets. @Panda said in Interesting Widget code, but can’t fetch API: Also can you explain more what you mean by calling the code externally. In my API call example, how would I go about doing that? By this, I mean create all the required code in an external JS file that is reachable by the NodeBB instance - so, in “public” for example - or in my case /public/js. The widget then “calls” that file and because it runs outside of the scope of NodeBB, you just need to return the values to the widget. Hope this makes sense?
  • Pandaundefined

    Further Widgets question

    Solved Configure nodebb
    4
    1
    1 Votes
    4 Posts
    1k Views
    phenomlabundefined
    @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.
  • mventuresundefined

    NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    1k Views
    phenomlabundefined
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • cagatayundefined

    Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlabundefined
    @cagatay You’d target the body tag and use the below line of CSS background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed; Obviously, you need to change the path to suit where your image is being stored. More info around the background property can be found here https://www.w3schools.com/cssref/css3_pr_background.php
  • crazycellsundefined

    Recent Cards plugin customization

    Solved Customisation nodebb
    21
    1
    13 Votes
    21 Posts
    8k Views
    phenomlabundefined
    @pobojmoks that’s easily done by modifying the code provided here so that it targets background rather than border In essence, the below should work $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { $('.recent-card-container').each(function(i) { var dataId = $(this).attr("data-cid"); var color = $('[role="presentation"]', this).css("background-color"); console.log("data-cid " + dataId + " is " + color); $('[data-cid="' + dataId + '"] .recent-card').attr("style", "background-color: " + color); }); }); });