How to create a slider poll

Report · Jul 10, 2018

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!

Report · Jul 10, 2018

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

Report · Jul 10, 2018

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.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 11, 2018

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.

Report · Jul 11, 2018

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.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 11, 2018

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!

Report · Jul 11, 2018

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.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 11, 2018

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

Report · Jul 11, 2018

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

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

</div>

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>

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 11, 2018

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

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?
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

Adobe Community

How to create a slider poll

1 Correct answer