Skip to content

Sidebar Widget is no longer on the side!

Moved Solved General
4 2 1.4k 1
  • wrote on last edited by Panda
    #1

    Forum upgraded to v3.2 and a sidebar widget (a canvas box drawing) now appears at the bottm, not the side.
    Any idea why?
    Screenshot_20230701_110900_Chrome~2.jpg

    Screenshot_20230701_111016_Chrome~2.jpg

  • Ah, so sidebar wont work on mobile?
    What do you mean ‘change the category’ based on this?
    Do you mean, for example, put it in Header instead?

    wrote on last edited by phenomlab
    #4

    @Panda said in Sidebar Widget is no longer on the side!:

    Ah, so sidebar wont work on mobile?

    Correct. If you review the docs on bootstrap, you’ll notice that it is designed on a grid system

    https://getbootstrap.com/docs/5.0/layout/grid/

    What I mean by changing the category is moving it on here to general as you posted it in bugs, when it isn’t.

  • Forum upgraded to v3.2 and a sidebar widget (a canvas box drawing) now appears at the bottm, not the side.
    Any idea why?
    Screenshot_20230701_110900_Chrome~2.jpg

    Screenshot_20230701_111016_Chrome~2.jpg

    wrote on last edited by phenomlab
    #2

    @Panda It is on the right on desktop - see below

    f3c15d84-34d9-4706-b071-62a35d779543-image.png

    It’ll float down into the next row on a mobile device because of the viewport size, which is default bootstrap behaviour - not a bug. I’ll change the category based on this.

  • phenomlab phenomlab moved this topic from Bugs on
  • wrote on last edited by Panda
    #3

    Ah, so sidebar wont work on mobile?
    What do you mean ‘change the category’ based on this?
    Do you mean, for example, put it in Header instead?

  • Ah, so sidebar wont work on mobile?
    What do you mean ‘change the category’ based on this?
    Do you mean, for example, put it in Header instead?

    wrote on last edited by phenomlab
    #4

    @Panda said in Sidebar Widget is no longer on the side!:

    Ah, so sidebar wont work on mobile?

    Correct. If you review the docs on bootstrap, you’ll notice that it is designed on a grid system

    https://getbootstrap.com/docs/5.0/layout/grid/

    What I mean by changing the category is moving it on here to general as you posted it in bugs, when it isn’t.


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
  • Where are widgets stored?

    Solved Configure nodebb
    3
    1 Votes
    3 Posts
    1k Views
    Panda
    @phenomlab Thanks, have DMed you
  • Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • Adding fileWrite to nodebb code

    Solved Configure nodebb
    16
    1
    5 Votes
    16 Posts
    5k Views
    phenomlab
    @eveh this might be a question for the NodeBB Devs themselves. In all honesty, I’m not entirely sure without having to research this myself.
  • Recent Cards plugin customization

    Solved Customisation nodebb
    21
    1
    13 Votes
    21 Posts
    12k Views
    phenomlab
    @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); }); }); });
  • background color of the footer area

    Solved Customisation nodebb
    7
    1
    7 Votes
    7 Posts
    4k Views
    crazycells
    @phenomlab thank you very much
  • NodeBB slow after DB recovery

    Solved Performance performance nodebb
    1
    5 Votes
    1 Posts
    972 Views
    No one has replied
  • Dark Theme Upper Padding

    Solved Customisation nodebb
    7
    1
    6 Votes
    7 Posts
    2k Views
    crazycells
    @DownPW great! thanks a lot… this code solves my problem.
  • Nodebb Hashtag plugin

    Solved General
    15
    1 Votes
    15 Posts
    6k Views
    phenomlab
    @jac Great ! I’ll close this off.