Rounded corners in custom skin

[Keith Lubbers]

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.

[Yana]

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-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_Default .rmTopRight,
.RadMenu_Default .rmBottomRight
{
    background-image:  url('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.

[David Whritenour]

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

[Jason]

yes, same issue as me, where can i find the rmRoundedLeft.png in real, thanks

[Yana]

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.

[David Whritenour]

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

[Jason]

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

[Yana]

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.