Skip to content
Sudonix

Recent Cards - fix for slider on mobile not working

Customisation
23 3 10.3k 1
  • crazycells crazycells

    @phenomlab I changed the code to this:

    window.addEventListener("load", () => {
    // CHROME
    if (navigator.userAgent.indexOf("Chrome") != -1) {
        console.log("Google Chrome");
        $(window).on('action:ajaxify.end', function(data) {
            $('.carousel-mode').bxSlider({
                auto: true,
                autoControls: true,
                stopAutoOnClick: true,
                pager: false,
                keyboardEnabled: true,
                touchEnabled: false
            });
        });
    } else {
        console.log("Others");
        $(window).on('action:ajaxify.end', function(data) {
            $('.carousel-mode').bxSlider({
                auto: true,
                autoControls: true,
                stopAutoOnClick: true,
                pager: false,
                keyboardEnabled: true,
                touchEnabled: true
            });
        });
    }
});

    with “auto: false” edit…

    and it is still working with firefox and safari; but not with google chrome.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #21

    @crazycells That’s correct. Because of the bug in Chrome, we have to disable touchEnabled

    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
    #22

    great topic, I will test than soon as possible 😉

    PW and WS Spirit alive

    1
  • DownPW DownPW

    great topic, I will test than soon as possible 😉

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #23

    @DownPW No issues. Thanks to the Google Chrome “bug”, it does have some restrictions, but works fine other than that. I have an odd issue where it doesn’t work on Firefox mobile, but works fine on Firefox desktop.

    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
Log in to reply

Related Topics
  • phenomlab

    Target the posts counter in categories using CSS and jQuery

    Let's Build It posts jquery css
    2
    5
    3 Votes
    2 Posts
    2k Views
    DownPW
    Very great
  • JAC

    NodeBB recent cards customisation

    Solved Customisation nodebb recent cards
    3
    1
    2 Votes
    3 Posts
    1k Views
    JAC
    @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 .
  • crazycells

    navigation menu panel on mobile

    Solved Customisation nodebb css
    8
    1
    7 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check. EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right… .bottombar-nav { padding: 0px !important; } I’ve removed this so it reflects stock Harmony.
  • Panda

    Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    6k Views
    phenomlab
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • cagatay

    Link Not Working

    Solved Customisation link
    5
    1 Votes
    5 Posts
    2k Views
    phenomlab
    @cagatay Good question, but one that’s likely best answered by the devs themselves. Could easily be done with a simple jQuery regex but that would really just be painting over rotten wood.
  • cagatay

    How to fix size of photos & videos NodeBB

    Solved Customisation nodebb nodebb size
    7
    3 Votes
    7 Posts
    3k Views
    phenomlab
    @crazycells pleasure. Using percentages makes much more sense in this case. It’s the same argument with px vs pt vs em with fonts, margins, padding, etc., in the sense that em is generally preferred over px and pt https://stackoverflow.com/questions/609517/why-em-instead-of-px
  • crazycells

    [NodeBB] username cards

    Solved Customisation nodebb
    8
    5 Votes
    8 Posts
    3k Views
    Sampo2910
    @phenomlab Aha…nice to know. As always thank you for the reply and information.
  • JAC

    Which mobile internet app and browser do you use?

    General browser mobile
    9
    3 Votes
    9 Posts
    3k Views
    phenomlab
    @Sala Yes, I personally use Edge. Hated Internet Exploder (misspell intentional) but seeing as Edge is Chromium and Webkit backed, it works for me.