Skip to content
Sudonix

Issues with Progress Bar on v3

Solved Customisation
48 4 20.0k 1
  • cagatay
    cagatay
    cagatay
    wrote on
    #16

    it not works on topics but on the main page and chat yes working.

    😊
    1
  • cagatay cagatay

    it not works on topics but on the main page and chat yes working.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #17

    @cagatay perfect. That’s the exact behavior intended.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • DownPW
    DownPW
    DownPW
    wrote on
    #18
    This post is deleted!
    0
  • DownPW
    DownPW
    DownPW
    wrote on
    #19

    Your code works perfectly for chat on desktop bit not on mobile.
    I’m alone ?

    0
  • DownPW DownPW

    Your code works perfectly for chat on desktop bit not on mobile.
    I’m alone ?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #20

    @DownPW I think you might be, yes. Seems to work fine for me - @cagatay ?

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

    @DownPW I think you might be, yes. Seems to work fine for me - @cagatay ?

    cagatay
    cagatay
    cagatay
    wrote on
    #21

    @phenomlab i did not check by phone, let me check it

    0
  • cagatay cagatay

    @phenomlab i did not check by phone, let me check it

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #22

    @cagatay Thanks. Let me know please - you have (almost) identical CSS to me, so I am not expecting any issues.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • cagatay
    cagatay
    cagatay
    wrote on
    #23

    Status of my web site by android phone;

    • Main page - bar not working
    • topic - bar working
    • chat - bar not working
    0
  • cagatay cagatay

    Status of my web site by android phone;

    • Main page - bar not working
    • topic - bar working
    • chat - bar not working
    phenomlab
    phenomlab
    phenomlab
    wrote on
    #24

    @cagatay The reason this fails for you is because you have to auto-hide the bottom bar

    b103c8c9-eb9f-45ee-9c7d-335a73e83fed-image.png

    I’ve made this change and it’s now working for the most part - but it should also float with the bottom bar depending on it’s position. Not sure why that’s not working but looking now.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    cagatay 1 Reply
    1
  • cagatay
    cagatay
    cagatay
    wrote on
    #25

    all working now.

    1
  • cagatay cagatay

    all working now.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #26

    @cagatay Thanks. Also fixed the floating progress bar on mobile. It’s tied into the footer code which you are not using so it wasn’t included in your build (but is now)

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • DownPW
    DownPW
    DownPW
    wrote on
    #27

    whats is the fix ?

    0
  • DownPW DownPW

    whats is the fix ?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #28

    @DownPW The footer bar js code.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • DownPW
    DownPW
    DownPW
    wrote on
    #29

    You mean I have to change mine?

    0
  • DownPW DownPW

    You mean I have to change mine?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #30

    @DownPW no. It was missing on @cagatay install

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • cagatay
    cagatay
    cagatay
    wrote on
    #31

    Mark hi,

    on the Android phone when client at main page, footer bar which has new message, new post, profil etc. can not seen because of bar. How we can change or hide for andorid user this bar on main page?

    0
  • cagatay cagatay

    Mark hi,

    on the Android phone when client at main page, footer bar which has new message, new post, profil etc. can not seen because of bar. How we can change or hide for andorid user this bar on main page?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #32

    @cagatay Because of the progress bar, or the bottom bar?

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • cagatay
    cagatay
    cagatay
    wrote on
    #33

    because of progress bar, andorid user can not see new message, new post, profil bar.

    0
  • cagatay cagatay

    because of progress bar, andorid user can not see new message, new post, profil bar.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #34

    @cagatay Send me a screenshot. I am connected to your forum now and am not able to replicate this.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • cagatay
    cagatay
    cagatay
    wrote on
    #35

    WhatsApp Image 2023-05-19 at 19.00.05.jpeg

    0
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
  • JAC

    Forum customisation

    Customisation nodebb forum customised
    11
    2
    6 Votes
    11 Posts
    3k Views
    JAC
    Thank you Mark, the changes look fantastic!!
  • DownPW

    Fancybox zoom

    Unsolved Customisation fancybox zoom image
    2
    1
    0 Votes
    2 Posts
    944 Views
    phenomlab
    @DownPW Technically, it should be possible with the addition of the below Toolbar: { display: { left: ["infobar"], middle: [ "zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", ], right: ["slideshow", "thumbs", "close"], }, }, Meaning your code block becomes function fancybox() { if (top.location.pathname !== '/login') { $(document).ready(function() { $('a').not('.forum-logo').not(".avatar").not(".emoji").not(".bmac-noanimate").each(function() { $('a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]').addClass("noanimate"); }); }); Fancybox.bind( 'a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]', { Toolbar: { display: { left: ["infobar"], middle: [ "zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", ], right: ["slideshow", "thumbs", "close"], }, }, } ); } } Note, that you just need to add/remove the elements in the toolbar you do not need. Obviously, zoomIn and zoomOut are the ones you are specifically interested in. However, if Fancybox detects that the image has already been zoomed as far as possible, then this will not work. You’d need an external library such as zoom.js to add this functionality, or perhaps simpler https://www.jacklmoore.com/zoom/ A good example of how you’d make these two independent libraries work together is below https://codepen.io/ezra_siton/pen/VgrjKw It’s worth nothing that this specific code is based on Fancybox 3, so may need to be refactored to work with the latest version 5.
  • crazycells

    CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • cagatay

    Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • cagatay

    NodeBB v3 Vote Icon

    Solved Customisation icons vote icons
    9
    2 Votes
    9 Posts
    3k Views
    cagatay
    @phenomlab forget it, look likes good with your codes.
  • crazycells

    navigation bar is misplaced when the window gets smaller

    Solved Customisation bugs
    23
    1
    10 Votes
    23 Posts
    8k Views
    phenomlab
    @DownPW sounds good.
  • DownPW

    [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • DownPW

    Reading Meter Progress bar

    Locked Solved Customisation css
    15
    1
    9 Votes
    15 Posts
    6k Views
    phenomlab
    For anyone else following this thread, please see https://sudonix.com/topic/467/issues-with-progress-bar-on-v3