Rounded corners in custom skin

8 posts, 0 answers
  1. Keith Lubbers
    Keith Lubbers avatar
    4 posts
    Member since:
    Jan 2010

    Posted 26 Mar 2010 Link to this post

    I followed the instructions to create a custom skin, based on Default,  for the menu and most of it is working.  However, when I set EnableRoundedCorners to true it messes up.  I don't get the rounded corners and the border on the first level sub menu is missing on the left and right.  If I switch back to an embedded skin it works fine.

    Any idea what the problem could be?  I have also created a custom skin for the dock and the rounded corners work fine there.
  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 31 Mar 2010 Link to this post

    Hello Keith Lubbers,

    The rounded corners for RadMenu are set in the skin file with the following css styles declarations:

    .RadMenu_Default .rmRoundedCorners .rmGroupColumn
    {
        background-color: #fff;
    }
     
    .RadMenu_Default .rmBottomLeft,
    .RadMenu_Default .rmRoundedCorners ul.rmGroup,
    .RadMenu_Default .rmRoundedCorners .rmMultiColumn
    {
        background-imageurl('Menu/rmRoundedLeft.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }
     
    .RadMenu_Default .rmTopRight,
    .RadMenu_Default .rmBottomRight
    {
        background-imageurl('Menu/rmRoundedRight.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }
     
    .RadMenu_Default .rmTopFix,
    .RadMenu_Default .rmBottomFix,
    .RadMenu_Default .rmRoundedCorners .rmGroup .rmFirst
    {
        border-color: #979797;
    }

    the images needed for them are located in "Menu" folder, you should edit them to match your custom skin.

    If you still have difficulties with this, please send us your custom skin (with your images) and we'll try to fix it for you.

    Regards,
    Yana
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David Whritenour
    David Whritenour avatar
    6 posts
    Member since:
    Nov 2009

    Posted 11 May 2010 Link to this post

    Does the above css code hold true if the image is a sprite?
    For example, I am using the 'Black' Skin, and I do not see any rounded images in the corresponding folder.

    Thanks,
    David
  5. Jason
    Jason avatar
    2 posts
    Member since:
    Nov 2008

    Posted 11 May 2010 Link to this post

    yes, same issue as me, where can i find the rmRoundedLeft.png in real, thanks
  6. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 12 May 2010 Link to this post

    Hello,

    Rounded corners are available since Q1 2010 release, so make sure that you're not using an older version.
    For Black skin these images are located in Skins/Black/Menu folder.

    Best wishes,
    Yana
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  7. David Whritenour
    David Whritenour avatar
    6 posts
    Member since:
    Nov 2009

    Posted 12 May 2010 Link to this post

    Okay, I had the latest version and the rounded corners were not there.
    But did a repair install, and now they are there.
    All is good...
    Thanks for the help.

    David
  8. Jason
    Jason avatar
    2 posts
    Member since:
    Nov 2008

    Posted 12 May 2010 Link to this post

    thanks for the reply, i still don't have those images, even though i did a repair install, can you just email me the images for the vista skin thanks very much
  9. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 13 May 2010 Link to this post

    Hi Jason,

    I've attached the images for Vista skin to this post.


    Regards,
    Yana
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017