Creating a "fake" menu items in an HTML Content feature

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
5/17/2011 10:35:32 AM
lsprowls
Gravatar
Total Posts 19
View Posts

Creating a "fake" menu items in an HTML Content feature

I have an HTML Content feature that is in the left-hand column of several pages. The feature contains several <a> links to these pages and serves as a menu for the pages. I would like these <a> links to look like line items in "real" menus that use <li class="AspNet-TreeView-Root AspNet-TreeView-Leaf">...</li> tags.

  1. Can I add simply add the 'class="AspNet-TreeView-Root AspNet-TreeView-Leaf"' attribute to my <a> tags? and
  2. What must I enter in the feature's 'Custom CSS Class' field to make <a> tags look like the <li> tags?
5/18/2011 6:19:44 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Creating a "fake" menu items in an HTML Content feature

If you want it to look like the menu then you need to use markup like the menu. Study the menu markup that is rendered and then create similar markup in source view of the editor.

You cannot make <a> look like <li> but you can wrap your <a> links in <li> elements (within a <ul>) the same as it is in the menu. You may also need to wrap it in a div similar to the menu.

Hope that helps,

Joe

You must sign in to post in the forums. This thread is closed to new posts.