EasyUI Forum
May 19, 2024, 07:20:11 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Slider inside dialog (CSS problem)  (Read 6498 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: August 08, 2014, 06:37:08 AM »

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..
« Last Edit: August 08, 2014, 06:42:36 AM by Pierre » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: August 08, 2014, 05:32:19 PM »

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>
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: August 10, 2014, 11:29:07 PM »

Perfect, thank you.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!