How to increase size of inscription for RadSlider?

4 posts, 0 answers
  1. eugen100
    eugen100 avatar
    34 posts
    Member since:
    Mar 2007

    Posted 14 Dec 2010 Link to this post

    I  tried some ways:
     1. .verticalSliderView .ItemsSlider

    {

     

    font-size:large;

     

    }

    2. in  <telerik:RadSlider  Font-Bold="True" Font-Size="Larger"
    but it does not help: size of of font is not changed and it too small.
    Please help me.

     

  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 14 Dec 2010 Link to this post

    Hello,
    You can use the following approach to change the font-size of the items/ticks in the slider:

    <head runat="server">
        <title></title>
        <style type="text/css">
        .LargeFont .rslItemsWrapper li span
        {
            font-size:large;
        }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadSlider ID="RadSlider1" runat="server" ItemType="Item" Width="600px" Height="70px" CssClass="LargeFont">
            <Items>
                <telerik:RadSliderItem Text="test" />
                <telerik:RadSliderItem Text="test" />
                <telerik:RadSliderItem Text="test" />
                <telerik:RadSliderItem Text="test" />
                <telerik:RadSliderItem Text="test" />
            </Items>
        </telerik:RadSlider>
        <telerik:RadSlider ID="RadSlider2" runat="server" ItemType="Tick" LargeChange="10"
            Width="600px" Height="70px" CssClass="LargeFont">
        </telerik:RadSlider>
        </form>
    </body>


    Kind regards,
    Tsvetie
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. eugen100
    eugen100 avatar
    34 posts
    Member since:
    Mar 2007

    Posted 14 Dec 2010 Link to this post

    Thank you. It works. But I did not find

    rslItemsWrapper


    in Help documentation. Where can I read about it?
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 16 Dec 2010 Link to this post

    Hello,
    The CSS class that you ask about is mentioned in the following topic: http://www.telerik.com/help/aspnet-ajax/slider_appearancecssfileselectors.html. You can additionally review the CSS selectors in the predefined skins for the control that are delivered as part of the ZIP file.

    I would recommend as well that you use a tool, such as IE Developer ToolBar for IE or Firebug for FF to review the rendered HTML and the CSS classes that are applied to each element.

    Greetings,
    Tsvetie
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top