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

How to increase size of inscription for RadSlider?

3 Answers 114 Views
Slider
This is a migrated thread and some comments may be shown as answers.
eugen100
Top achievements
Rank 1
eugen100 asked on 14 Dec 2010, 08:08 AM
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.

 

3 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 14 Dec 2010, 09:04 AM
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.
0
eugen100
Top achievements
Rank 1
answered on 14 Dec 2010, 09:11 PM
Thank you. It works. But I did not find

rslItemsWrapper


in Help documentation. Where can I read about it?
0
Tsvetie
Telerik team
answered on 16 Dec 2010, 04:00 PM
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.
Tags
Slider
Asked by
eugen100
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
eugen100
Top achievements
Rank 1
Share this question
or