Small endering promlem

3 posts, 1 answers
  1. Andy Green
    Andy Green avatar
    342 posts
    Member since:
    Aug 2008

    Posted 04 Aug 2011 Link to this post

    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. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 05 Aug 2011 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Andy Green
    Andy Green avatar
    342 posts
    Member since:
    Aug 2008

    Posted 05 Aug 2011 Link to this post

    Perfect. Thank you

    Andy
Back to Top