Slider Item Width Change

6 posts, 2 answers
  1. omer
    omer avatar
    65 posts
    Member since:
    Nov 2010

    Posted 03 Jul 2012 Link to this post

    Please help me for changing my Slider Items With?

    Kindly Regards

       .RadSlider5_Custom .rslItem, .RadSlider5_Custom .rslLargeTick span
                 {
                     width: 25px;
                     }

    did not work (
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Jul 2012 Link to this post

    Hi Omer,

    Try overriding the default CSS with !important specifier as follows.

    CSS:
    <style type="text/css">
        .RadSlider .rslItem,.RadSlider .rslLargeTick span
        {
           width:30px !important;
        }
    </style>

    Hope this helps.

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. omer
    omer avatar
    65 posts
    Member since:
    Nov 2010

    Posted 04 Jul 2012 Link to this post

    Hi Princy

    Thank you for reply.

    How can i set different widths for different sliders?

    When i define like RadSlider1 did not work. 

    Thanks in advance.

    .RadSlider1 .rslItem, .RadSlider .rslLargeTick span
    {
        width: 30px !important;
    }

  5. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Jul 2012 Link to this post

    Hi Omer,

    Try setting CssClass property of RadSlider as follows.

    CSS:
    <style type="text/css">
       .slidercss .rslItem,.slidercss .rslLargeTick span
        {
           width:30px !important;
        }
    </style>

    ASPX:
    <telerik:RadSlider ID="RadSlider1" runat="server" CssClass="slidercss" ....>
         <Items>
              .......
         </Items>
    </telerik:RadSlider>

    Hope this helps.

    Thanks,
    Princy.
  6. omer
    omer avatar
    65 posts
    Member since:
    Nov 2010

    Posted 04 Jul 2012 Link to this post

    Hi Princy,

    Tried last code but did not work. My slider has custom skin. 

    slider cssclass="bold5" 

    .bold5 .RadSlider .rslItem, .bold5 .rslLargeTick span
    {
        width: 20px !important;
    }

    did not work. 

    Thank you 

    Ömer
  7. omer
    omer avatar
    65 posts
    Member since:
    Nov 2010

    Posted 04 Jul 2012 Link to this post

    Hello again

    my mistake

    .bold5 .rslItem, .bold5 .rslLargeTick span
    {
        width: 20px !important;
    }  

    worked.
    PS bold5 is css class of slider.

    Thank you for your attention and support.

    Regards
    Ömer
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017