Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Blog Search Box

    How-to, Tutorials
    4
    25
    2968
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Daniel Mulroy
      Daniel Mulroy last edited by

      @Wassim

      Sorry Wassim, the code you suggested seems to work in preview but not when published:

          addEventListener('load', function(e) {
              console.log("Loading select2...");
              // Load Select2 if not already loaded....
              resourcesLoader.loadResources("select2", "https://" + cdnPath + "/resources/assets/select2/select2.min.css?v=1", "//" + cdnPath + "/resources/assets/select2/select2.min.js", setupBlogSearch);
      
          }, false);
      

      Preview (works)

      Public (does not work)

      Can you help?

      1 Reply Last reply Reply Quote 0
      • Wassim
        Wassim last edited by

        Hi,

        On both I don't see a Select2 and I have this in the console :

        ef70ed5e-229e-4ec4-8e56-326e4a48280f-image.png

        1 Reply Last reply Reply Quote 0
        • Daniel Mulroy
          Daniel Mulroy last edited by

          The problem is that setupBlogSearch doesn't seem to get called properly on the live site.

          If it gets called properly, the search bar fades in below the "NOS ARTICLES" text.

          1 Reply Last reply Reply Quote 0
          • Wassim
            Wassim last edited by

            For me it doesn't appear on both... Did you try on private navigation?

            1 Reply Last reply Reply Quote 0
            • Daniel Mulroy
              Daniel Mulroy last edited by

              Thanks @Wassim

              You are right that it doesn't work in private tab.

              Sorry to keep revisiting this, but I can't quite seem to figure it out.

              Directly following "Loading select2..." I am using resourcesLoader to load select2, and then submitting setupBlogSearch as the callback.

              Yet, the blogSearch bar doesn't load.

              If you type setupBlogSearch() into the console after "Loading select2", you will see that it works perfectly.

              So, is it getting called or not? If not, why not?

              1 Reply Last reply Reply Quote 0
              • Wassim
                Wassim last edited by

                Ok I digged into it and you are missing the last parameter (I didn't provide it to you)

                There is a last parameter to check if it's already on the page, try that :

                resourcesLoader.loadResources("select2", "//" + cdnPath + "/resources/assets/select2/select2.min.css?v=1","//" + cdnPath + "/resources/assets/select2/select2.min.js", setupBlogSearch, typeof($("body").select2) != "undefined")
                
                
                1 Reply Last reply Reply Quote 0
                • Daniel Mulroy
                  Daniel Mulroy last edited by

                  Perfect- works perfectly. Thank you @Wassim 🙂

                  is there any documentation for these wonderful AppDrag features like translating, storing cookies/local storage, and resourcesLoader?

                  Can I help create some?

                  1 Reply Last reply Reply Quote 0
                  • Olivier MAGNIN
                    Olivier MAGNIN last edited by

                    Hi @Daniel-Mulroy , I'v tried your code in my site. It works fine.
                    I'm just facing an issue in preview mode, the input box is not taking all the line space available and as a result, it's display is very small.
                    Capture d’écran 2021-05-02 à 14.22.33.png
                    I see in your own website that it is sized correctly !
                    Can you tell me how I shall solve this ?

                    1 Reply Last reply Reply Quote 0
                    • Daniel Mulroy
                      Daniel Mulroy last edited by

                      Hi Olivier,

                      If you share the link to the page I'll be able to better investigate.

                      My first instinct is to add padding/margin to the search box, or revisit its position in the page - something is forcing it to be that small.

                      Thanks for trying it out!

                      1 Reply Last reply Reply Quote 1
                      • Olivier MAGNIN
                        Olivier MAGNIN last edited by

                        Hi Daniel,
                        I've placed in a full line (one column) without any padding or margin... Just in a line on top of top of the blog Article list 4.
                        I don't know.
                        I'll investigate further later.
                        Thanks for your help Daniel.

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post