This is a migrated thread and some comments may be shown as answers.

Multiple Slider Problem

3 Answers 73 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Fawad
Top achievements
Rank 1
Fawad asked on 13 Jul 2009, 08:28 AM
Hi There,


OK this might be a very small issue. But I am placing two rad sliders inside a div, float is set to left and width is more than enough, but sliders are showing as one under the other, whereas I want them to be shown side by side.

They are declared like this:

<slider1></slider1><slider2> </slider2>

But instead of showing like:

[Slider1][Slider2]

They are shown as:

[Slider1]
[Slider2]

Please note that float is set to left but they are not shown parallel / side-by-side.

I tried placing them in separate divs but they just don't want to be shown side by side.

I don't want to use tables. Any other guidance will be highly appreciated.


Kind Regards

Fawad

3 Answers, 1 is accepted

Sort by
0
Fawad
Top achievements
Rank 1
answered on 13 Jul 2009, 09:24 AM
OK I have got it working.

In my CSS Class, I put a class named "RadSlider" and put the float:left; like this:



.RadSlider
{
float:left;
}


And now both my sliders are shown on page as :

[Slider1][Slider2]

Please see if its a bug or an additional setting that might need adding?


Kind Regards

Fawad



0
Accepted
Tsvetie
Telerik team
answered on 16 Jul 2009, 08:39 AM
Hello Fawad,
I tested the following code and the sliders showed one next to the other as expected:
<div style="width: 600px; height: 100px; background-color: Red;"
    <telerik:RadSlider ID="RadSlider1" runat="server" Width="200px" style="float:left;"
    </telerik:RadSlider> 
    <telerik:RadSlider ID="RadSlider2" runat="server" Width="200px" style="float:left;"
    </telerik:RadSlider> 
</div> 

Please note that in order to order the sliders one next to the other, you need to apply "float:left" to the sliders themselves, not to their parent (DIV).

Best wishes,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Fawad
Top achievements
Rank 1
answered on 16 Jul 2009, 09:52 AM
Thank you. :)


Regards

Fawad
Tags
Slider
Asked by
Fawad
Top achievements
Rank 1
Answers by
Fawad
Top achievements
Rank 1
Tsvetie
Telerik team
Share this question
or