9 Replies Latest reply on Jul 11, 2018 9:11 PM by Ussnorway

    How to create a slider poll

    cdenend Level 1

      Hi, I was wondering if anyone knows how to create a slider poll for a website like the ones seen on instagram stories? If there are any widgets or if anyone knows a fairly simple way to go about creating a widget for it.

       

       

      Thanks!

        • 1. Re: How to create a slider poll
          ankushr40215001 Adobe Employee

          Hi cdenend,

           

          Do you have any example link which contains the slide poll you are thinking off?

           

          I have not seen anything yet or maybe not in my conscious about any such thing on Instagram stories.

           

           

          Thanks!

          Ankush

          • 2. Re: How to create a slider poll
            Nancy OShea Adobe Community Professional & MVP

            A range slider is fairly simple.  It's natively supported by HTML 5 .  See below for an example.

            Tryit Editor v3.5

             

            However a poll is a lot more complex as it requires both server-side and client-side scriptis to gather, process and store voter results.   It would also need stored sessions and IP address checking to ensure people don't vote more than one time.   I think it's fair to say that Instagram's programmers are highly paid & highly skilled coders.  I don't think you'll find a Muse Widget for this.

            2 people found this helpful
            • 3. Re: How to create a slider poll
              Günter Heißenbüttel Adobe Community Professional

              Please, Nancy, why do you repeatedly link HTML-code, without explaining the implications for Muse?

              • How to use it within Muse?
              • How to build it into a Muse document?

              In many cases different approaches are necessary. Posting code snippets won’t help at all.

              So please tell the thread opener, how to integrate the linked code into Muse.

              1 person found this helpful
              • 4. Re: How to create a slider poll
                Nancy OShea Adobe Community Professional & MVP

                Owing to Muse's inherent limitations, it's not the right tool for creating a dynamic web app.  One would need full access to code and an editor like Dreamweaver. 

                • 5. Re: How to create a slider poll
                  Günter Heißenbüttel Adobe Community Professional

                  And why did you write „A range slider is fairly simple“? if you now say, Muse „is not the right tool“?

                  Please, don’t confuse the Muse users!

                  1 person found this helpful
                  • 6. Re: How to create a slider poll
                    Nancy OShea Adobe Community Professional & MVP

                    Please read my whole answer again.  A range slider is the easy part but it represents only 1/4 of the solution.   Building an interactive voting system in Muse is not possible.  

                    • 7. Re: How to create a slider poll
                      Günter Heißenbüttel Adobe Community Professional

                      Then please tell us, how to display that „easy part“ – the range slider in Muse.

                      • 8. Re: How to create a slider poll
                        Nancy OShea Adobe Community Professional & MVP

                        #1  Range Slider:

                        In page design, click on File > Insert HTML.

                        Paste the following code and hit OK.

                         

                        <h1>Custom Range Slider</h1>

                        <p>Drag the slider to display the current value.</p>

                        <div class="slidecontainer">

                          <input type="range" min="1" max="100" value="50" class="slider" id="myRange">

                          <p>Value: <span id="demo"></span></p>

                        </div>

                        <script>

                        var slider = document.getElementById("myRange");

                        var output = document.getElementById("demo");

                        output.innerHTML = slider.value;

                        slider.oninput = function() {

                          output.innerHTML = this.value;

                        }

                        </script>

                        ============================

                        # 2 Custom CSS code goes in the  <head> tag -- the Metadata tab of Page Properties (Page -> Page Properties).

                         

                        <style>

                        .slidecontainer { width: 100%;}

                         

                        .slider {

                            -webkit-appearance: none;

                            width: 100%;

                            height: 25px;

                            background: #d3d3d3;

                            outline: none;

                            opacity: 0.7;

                            -webkit-transition: .2s;

                            transition: opacity .2s;

                        }

                        .slider:hover { opacity: 1;}

                         

                        .slider::-webkit-slider-thumb {

                            -webkit-appearance: none;

                            appearance: none;

                            width: 25px;

                            height: 25px;

                            background: #4CAF50;

                            cursor: pointer;

                        }

                        .slider::-moz-range-thumb {

                            width: 25px;

                            height: 25px;

                            background: #4CAF50;

                            cursor: pointer;

                        }

                        </style>

                        3 people found this helpful
                        • 9. Re: How to create a slider poll
                          Ussnorway Adobe Community Professional

                          The short answer = no not really

                          There are some specialty widgets around for people with Publiz or Adobe BC pro accounts but Nancy is correct that polls are run with server side codes

                           

                          Some what longer answer = you have to match your web design software up to whatever back end code is needed

                           

                          For examples Adobe forum uses "Jive" code and Windowsforum uses "XenForo 2.0", both these codes are very different to standard html and night | day to each other so custom code | widgets are needed

                           

                          1. It is extremely unlikely that you will find another host running Jive but if you go with Amazon cloud hosting the Xenforo option is what i'd recommend but I would not make the base site with Muse | Dreamweaver so what else is around?
                          2. At the other end of the market is self hosted | rented Linux servers which tend to be a heinz variety soup of different options so both Muse and Dreamweaver are back in the running with these if you want html with some bootstrap on the cheap

                           

                          Linux pros = competition keeps them cheap, lots of options so just the thing for that bizarre science experiment and countless expert (if a bit opinionated ) forums to help you pick which flavour

                           

                          Linux cons = somewhat under gunned when it comes to high traffic performance, not suitable for media streaming beyond a small group and gets a bad reputation amongst professional server farms (largely undeserved ime but a stigma is attached to Linux hosting)

                           

                          • There may be a good Xenforo plugin if Adobe DW is your preference
                          • Adobe BC is eol so i ignored it
                          1 person found this helpful