Print Page - Slider inside dialog (CSS problem)

Hello all
I need to put some Label and Slider on dialog, like this:
Label: <slider goes here>
(Please take a look at Slider2 image - http://i60.tinypic.com/2v0if5e.png )

I try to use this:

<input class="easyui-slider" style="width:200px;margin:20px 0px 20px 100px" data-options="showTip:true" value="41">

but it does not work (see Slider1 - http://i59.tinypic.com/14ayg5v.png)
For standard Labels and input, I use this:
<div class="fitem"><label>Subject:</label><input class="easyui-validatebox" style="width:350px" value=""></div>
Question is - how to declare
Label: <slider>

Thank you!

P.S. can not upload images here - it says upload folder is full..

Please try to wrap the slider component with a inline-block element.

Code:

<div class="fitem">
	<label>Subject:</label>
	<div style="display:inline-block">
		<input class="easyui-slider" style="width:350px" value="">
	</div>
</div>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on August 08, 2014, 06:37:08 AM