Make slider inline?

Question

Closed this issue 8 years ago · 3 comments

Is there a way to display the slider inline instead of as a block?
The output of this:

Label text: <slider style="display: inline;" ng-model="..."></slider>

is "Label text:" on a line above the slider. I'd like to get "Label text:" right before the slider on the same line.

Answer 1 · 2016-01-27T18:24:55.000Z

Set custom css for .slider to have display: inline.

Answer 2 · 2016-01-27T19:32:54.000Z

Thanks seiyria but that doesn't seem to be the solution http://jsfiddle.net/amacfie/e9hLLh6n/7/ ?

Answer 3 · 2016-01-27T19:37:14.000Z

That's because they also have width: 100% set on them. You should put them in separate containers like so (rough pseudocode):

<div width=30%>Slider: </div>
<div width="70%"><slider /></div>