Making a custom slider

i need to make a slider that looks like this but the default slider looks nothing like this how do i do this? also if i figure out how to do this with html css and javascript is there an easy way to pump the code into bubble?

I made a round slider with the default slider element and some CSS. Here’s how:

image

Actual site:
image

style>
.ui-corner-all {
border-radius: 99px;
}
/style>

Add “<” to both styles

I’m not a coder so might not be perfect but it works.

2 Likes

How do you slide mid way as showned?

39%20PM

1 Like

@JohnMark Put the settings like this:

image

And make a dot in the middle with a shape element.

Result:

111

2 Likes

How do you implement this? When I put an html element onto the page with the slider element all I get is a circle in the html element and the default bubble slider remains unaffected.

How to make slider ( that orange one) small ?
that slider handle thing’s height and width can’t be customized using css for me.

How can we make a slidding answer button? like my example?
image

install Bubble’s Draggable elements plugin, and have a look at the documentation.

https://manual.bubble.io/core-resources/bubble-made-plugins/draggable-ui-elements

1 Like

thanks