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

Slider Item Width Change

5 Answers 99 Views
Slider
This is a migrated thread and some comments may be shown as answers.
omer
Top achievements
Rank 1
omer asked on 03 Jul 2012, 10:44 PM
Please help me for changing my Slider Items With?

Kindly Regards

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

did not work (

5 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 04 Jul 2012, 06:56 AM
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.
0
omer
Top achievements
Rank 1
answered on 04 Jul 2012, 07:45 AM
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;
}

0
Accepted
Princy
Top achievements
Rank 2
answered on 04 Jul 2012, 07:54 AM
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.
0
omer
Top achievements
Rank 1
answered on 04 Jul 2012, 08:40 AM
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
0
omer
Top achievements
Rank 1
answered on 04 Jul 2012, 09:23 AM
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
Tags
Slider
Asked by
omer
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
omer
Top achievements
Rank 1
Share this question
or