Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > RadMenu and DNN Skinning

• Jim Bonnie

  Posted on Dec 11, 2007 (permalink)

  Hi,
  
  I am using RadMenu as a vertical menu in DNN to show only subpages using the ShowOnlyCurrent = RootItem feature. This is very Nice - thanks!
  
  I am having trouble skinning the menu now that is in place and showing the content that I want.
  
  I followed the integration manual to get the skin object installed. I included the menu and img folders in my skin and packaged things up.
  
  Can you help explain the following:
  1) there is an img and menu folder installed in the RADmenu skin Folder - is this used at all
  2) I assume that the img and Menu folder and styles.css in the dnn skin subolder are being used - this is confirmed by web developer tool in FF.
  3) FF shows that a number of CSS classes are being defined by WebResource.axd - where are these definitions coming from and how do I change that CSS.
  
  Thanks for your help on this project.
  
  Jim

• Peter Peter

  Posted on Dec 12, 2007 (permalink)

  Hello Jim,
  
  Thank you for your interest in RadMenu for DNN.
  
  Your assumption on questions one and two is correct. The img folder (Portals\_default\Skins\RadMenu\img) contains images which are used to shape the appearance of the entire page such as the rounded corners effect. The dnn folder (Portals\_default\Skins\RadMenu\Menu\dnn) is the skin for just the RadMenu control. If you need to use a different skin, copy the new skin folder under Portals\_default\Skins\RadMenu\Menu and set the Skin property of RadMenu accordingly.
  
  As for question three, RadMenu uses additional set of styles (menu.css) which are not skin specific. These styles are embedded as WebResources. Normally, you don't need to modify these styles, but in case you do, I suggest you override the classes inline in the ascx file of the skin. For example:
  
  <style>
  .radmenu
  {
    white-space:nowrap;
    float:none;
    position:relative;
  }
  </style>
  
  
  
  
  All the best,
  Peter
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

• Jim Bonnie

  Posted on Dec 12, 2007 (permalink)

  Can you clarify if I need to add the custom skin definitions to my SKIN
  or do I simply reference the skin definitions in the Portals\_default\Skins\RadMenu\Menu\dnn  folder.
  
  I am confused since the customizations and images, etc are in two locations.
  
  I will look at the custom DNN application for some guidance, but your feedback is valuable.
  
  Thanks for your help, Jim

• Peter Peter

  Posted on Dec 12, 2007 (permalink)

  Hi Jim,
  
  Sorry for not being clearer. Let's say you want to use the Vista skin for RadMenu. In such case, copy the folder of the Vista skin to Portals\_default\Skins\RadMenu\Menu. Please, refer to the attached screenshot. Then set the 
  
  <dnn:RADMENU runat="server" id="dnnRADMENU" SkinsPath="*SkinPath*/Menu/" Skin="Vista"  . . . />
  
  
  Best wishes,
  Peter
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

  Attached files

  • VistaSkinForDNN.png

• Jim Bonnie

  Posted on Dec 12, 2007 (permalink)

  Thank you - I was confused by the references to the sample skin installed called RADMenu.
  
  I am creating my own skin so of course I need to put the files in with with my skin.
  
  Your RADMenu sample skin is good for a refefence.
  
  thanks again.

• Dan

  Posted on Apr 21, 2011 (permalink)

  I am having an issue where the DNN skin CSS files are being referenced BEFORE the WebResource.axd files. Thusly, I can't override any of the embedded styles in WebResource.axd.  Has anyone found a clean solution to this?

• Peter Peter

  Posted on Apr 22, 2011 (permalink)

  Hi Dan,
  
  Please, see this help topic - How to use custom skins for Telerik controls in DNN.
  
  All the best,
  Peter
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > RadMenu and DNN Skinning