Multiple Slider Problem

4 posts, 1 answers
  1. Fawad
    Fawad avatar
    38 posts
    Member since:
    May 2009

    Posted 13 Jul 2009 Link to this post

    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
  2. Fawad
    Fawad avatar
    38 posts
    Member since:
    May 2009

    Posted 13 Jul 2009 Link to this post

    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



  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 16 Jul 2009 Link to this post

    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.
  5. Fawad
    Fawad avatar
    38 posts
    Member since:
    May 2009

    Posted 16 Jul 2009 Link to this post

    Thank you. :)


    Regards

    Fawad
Back to Top