I am trying to create a custom skin for a context menu and am having some trouble. I like the Telerik skin but need to change the green hover color to a light blue. I followed the tutorial and took the following steps.
1:Copied the Menu.Telerik.css and all the images in the Telerik Menu directory to my project.
2:Set EnabledEmbeddedSkins to false
3:Added a link to Menu.Telerik.css
4:Set Skin to 'Telerik'
The ContextMenu sees the css but it does not look like the embedded Telerik skin. It is similar to the embedded skin but there are several things missing, Mostly padding or margins. For instance, I have images for two of the items and they are bunched towards the left side. I noticed the class name for the image is 'rmLeftImage'. This does not exists the Menu.Telerik.css. I assume there are several other classes missing and that this is causing the problem. I am using version 2008.02.0826.35. Any idea to what might be causing this or am I missing something?
Thanks,
Michael
1:Copied the Menu.Telerik.css and all the images in the Telerik Menu directory to my project.
2:Set EnabledEmbeddedSkins to false
3:Added a link to Menu.Telerik.css
4:Set Skin to 'Telerik'
The ContextMenu sees the css but it does not look like the embedded Telerik skin. It is similar to the embedded skin but there are several things missing, Mostly padding or margins. For instance, I have images for two of the items and they are bunched towards the left side. I noticed the class name for the image is 'rmLeftImage'. This does not exists the Menu.Telerik.css. I assume there are several other classes missing and that this is causing the problem. I am using version 2008.02.0826.35. Any idea to what might be causing this or am I missing something?
Thanks,
Michael
7 Answers, 1 is accepted
0
Hello Michael,
Please find attached a sample web application that shows the needed approach.
In addition, you can use our new Visual Style Builder to make your own custom skins.
Kind regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Please find attached a sample web application that shows the needed approach.
In addition, you can use our new Visual Style Builder to make your own custom skins.
Kind regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Michael
Top achievements
Rank 1
Rank 1
answered on 22 Oct 2009, 02:01 PM
It still does not look like the Telerik embedded skin and there are still classes missing from Menu.Telerik.css. On the example you sent if you set EnableEmbeddedSkins = true and remove the css reference you will see what I am talking about.
Thanks,
Michael
Thanks,
Michael
0
Hi Michael,
Sorry, but we don't see any difference (except the color). Please find attached a new web application that shows the proper work of the custom skin.
Kind regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Sorry, but we don't see any difference (except the color). Please find attached a new web application that shows the proper work of the custom skin.
Kind regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Michael
Top achievements
Rank 1
Rank 1
answered on 22 Oct 2009, 02:53 PM
It's more than just the color that looks different. Please see the attached image. I like the Telerik skin except for the hover color. How do I get the EmbeddedSkin's css file. What I am trying to accomplish is as follows:
- Put two context menus on the page
- Have one reference the embedded skin and have one reference the custom skin
- Each should look exactly the same
- Once they do wil simply change the background color.
Thanks,
Michael
0
Hello Michael,
We are not quite sure what's the exact problem on your side, but it seems you either using old version of the assembly along with the latest skins or there's some external (custom) CSS styles applied on your page that affect the menu appearance. I think it will be best if you can provide a live URL or open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.
BTW, you didn't say how the provided application runs on your side (as it definitely works on our side exactly as you have described).
Greetings,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
We are not quite sure what's the exact problem on your side, but it seems you either using old version of the assembly along with the latest skins or there's some external (custom) CSS styles applied on your page that affect the menu appearance. I think it will be best if you can provide a live URL or open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.
BTW, you didn't say how the provided application runs on your side (as it definitely works on our side exactly as you have described).
Greetings,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Michael Kessler
Top achievements
Rank 1
Rank 1
answered on 26 Oct 2009, 04:59 PM
The image I sent you was from the sample project you sent.
Thanks,
Michael
Thanks,
Michael
0
Hi Michael,
I'm not sure what might be wrong/different at your side, but the application we sent you earlier runs just fine on our side. Please refer to the atached images that show the proper work of the controls under IE7/IE8 and FF3.x.
Regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
I'm not sure what might be wrong/different at your side, but the application we sent you earlier runs just fine on our side. Please refer to the atached images that show the proper work of the controls under IE7/IE8 and FF3.x.
Regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.