Again, how do I make a dialog box with a slider?

[ashtyboi]

I still really want help with making a dialog box with a slider, but I can't find out how. How can I make one?

[earthrulerr]

Use a variable slider. I’ll show the code one second.

[ashtyboi]

No, I mean this:

[earthrulerr]

I just made this but Holy Guacamole! Is it HTML?

[earthrulerr]

.slidecontainer { width: 100%; /* Width of the outside container */ }

/* The slider itself /
.slider {
-webkit-appearance: none; / Override default CSS styles /
appearance: none;
width: 100%; / Full-width /
height: 25px; / Specified height /
background: #d3d3d3; / Grey background /
outline: none; / Remove outline /
opacity: 0.7; / Set transparency (for mouse-over effects on hover) /
-webkit-transition: .2s; / 0.2 seconds transition on hover */
transition: opacity .2s;
}

/* Mouse-over effects /
.slider:hover {
opacity: 1; / Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) /
.slider::-webkit-slider-thumb {
-webkit-appearance: none; / Override default look /
appearance: none;
width: 25px; / Set a specific slider handle width /
height: 25px; / Slider handle height /
background: #4CAF50; / Green background /
cursor: pointer; / Cursor on hover */
}

.slider::-moz-range-thumb {
width: 25px; /* Set a specific slider handle width /
height: 25px; / Slider handle height /
background: #4CAF50; / Green background /
cursor: pointer; / Cursor on hover */
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value; // Display the default slider value

// Update the current slider value (each time you drag the slider handle)
slider.oninput = function() {
output.innerHTML = this.value;
}

[ashtyboi]

I meant this:

Plus, it uses Javascript.

[helicoptur]

This should probably go under advanced help with snap, and not regular help with snap.

[sathvikrias]

@earthrulerr

Is it HTML?

please stop talking about HTML

[helicoptur]

@earthrulerr

Is it HTML?

If it was about HTML, they wouldn't have posted it in the Snap! forum, would they?

[alessandrito123]

OMG!!!
I have the solution now.
The custom dialog have an slider if you have to put too much words like the "About Snap!".
Too easy.

[helicoptur]

That doesn't work. The slider is a custom addition in the code. I've tried.

[dardoro]

Updated @helicoptur project with scrollbars dardoro&ProjectName=custom%20dialog

[helicoptur]

Is it possible to make links clickable in the dialog?

[alessandrito123]

Oh my God!!!

[helicoptur]

it's fine, dardoro made a version that adds sliders automatically

@dardoro

dardoro&ProjectName=custom%20dialog

[dardoro]

@helicoptur

Is it possible to make links clickable in the dialog?

Yes but without any indication.
dardoro&ProjectName=custom%20dialog

[snapenilk]

Please stop creating multiple topics asking the same question.

How do I make a dialog box with a slider?

Now all we have left for recreating the About box is the slider. It looks like this: [Screenshot 2021-04-20 11.23.31 PM] Is there any way to recreate it?

You also did it for resizable dialog boxes.