Problem skinning Context Menu

8 posts, 0 answers
  1. Michael
    Michael avatar
    8 posts
    Member since:
    Sep 2007

    Posted 21 Oct 2009 Link to this post

    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
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 22 Oct 2009 Link to this post

    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.
  3. Michael
    Michael avatar
    8 posts
    Member since:
    Sep 2007

    Posted 22 Oct 2009 Link to this post

    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
  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 22 Oct 2009 Link to this post

    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.
  5. Michael
    Michael avatar
    8 posts
    Member since:
    Sep 2007

    Posted 22 Oct 2009 Link to this post

    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:
    1. Put two context menus on the page
    2. Have one reference the embedded skin and have one reference the custom skin
    3. Each should look exactly the same
    4. Once they do wil simply change the background color.

    Thanks,

    Michael

     

  6. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 26 Oct 2009 Link to this post

    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.
  7. Michael Kessler
    Michael Kessler avatar
    2 posts
    Member since:
    Nov 2007

    Posted 26 Oct 2009 Link to this post

    The image I sent you was from the sample project you sent.

    Thanks,

    Michael
  8. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 30 Oct 2009 Link to this post

    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.
Back to Top