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

Rounded corners in custom skin

7 Answers 73 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Keith Lubbers
Top achievements
Rank 1
Keith Lubbers asked on 26 Mar 2010, 04:14 PM
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.

7 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 31 Mar 2010, 01:02 PM
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.
0
David Whritenour
Top achievements
Rank 1
answered on 11 May 2010, 03:13 PM
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
0
Jason
Top achievements
Rank 1
answered on 12 May 2010, 12:17 AM
yes, same issue as me, where can i find the rmRoundedLeft.png in real, thanks
0
Yana
Telerik team
answered on 12 May 2010, 07:36 AM
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.
0
David Whritenour
Top achievements
Rank 1
answered on 12 May 2010, 02:37 PM
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
0
Jason
Top achievements
Rank 1
answered on 13 May 2010, 12:46 AM
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
0
Yana
Telerik team
answered on 13 May 2010, 08:01 AM
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.
Tags
Menu
Asked by
Keith Lubbers
Top achievements
Rank 1
Answers by
Yana
Telerik team
David Whritenour
Top achievements
Rank 1
Jason
Top achievements
Rank 1
Share this question
or