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

Small endering promlem

2 Answers 33 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Andy Green
Top achievements
Rank 2
Andy Green asked on 04 Aug 2011, 07:54 AM
This is a small thing, and we've lived with it for 8 months, but can anyone shead any light on this.

To enabme be to make tweaks to the looks of the controls I routinely make a copy of the skin I want, and rename it to match my project. This all works fine, except...With the Slider if I use the embedded skin it looks fine, but if I copy the skin rename it to match my project, and change the markup such that externalSkin = true I get the slider cut off 1px short.

I have included 2 images that show the 1px problem along with the markup and the CSS. you can see in the 2 images that the CSS is rendered slightly differently and the internal skin has a width of 9px, and the copy has a width of 8.
This width comes from the webresource file so I cant just change it in the copied CSS file.

Andy

2 Answers, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 05 Aug 2011, 12:59 PM
Hello Andy,

This happens because of the fact that when using embedded skin the first CSS file loaded is the base style file and next the skin specific file, while when using custom skin the first file is loaded is the skin specific and it`s selectors were overwritten by the base style which comes after it.

So in case you want to to use Office2007 as a custom skin, you should make the CSS selector heavier, the original one in the Office2007 CSS file is:

.RadSlider_Office2007 .rslHorizontal a.rslDraghandle
{
    background-image:url(Slider/DragHandle.gif);
    width:9px;
}

The fix will be:

div.RadSlider_Office2007 .rslHorizontal a.rslDraghandle
{
    background-image:url(Slider/DragHandle.gif);
    width:9px;
}
 
This will apply the necessary width and will fix the issue.

Kind regards,
Bojo
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
Andy Green
Top achievements
Rank 2
answered on 05 Aug 2011, 02:04 PM
Perfect. Thank you

Andy
Tags
Slider
Asked by
Andy Green
Top achievements
Rank 2
Answers by
Bozhidar
Telerik team
Andy Green
Top achievements
Rank 2
Share this question
or