A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.
how easy would it be for me to matchup individual images to represent links to each page in the navigation section of a page, so that for each page i add, i can dictate a image for its link? by using an image button for example.
Its possible to associate an icon with page menu links. If you try the skin jsavard-mojoportal for example, then you will see that in Page Settings an option for page icons appears. There is a limited set of included icons but you can add more by putting the images in the /Data/SiteImages/FeatureIcons folder.
For other skins the icon selector in Page Settings is hidden by css because those skins don't use them.
Hope it helps,
I took a look. But what i was refferiing to is the entire link being a button that represents the text/link that woould have been there, so home would have just been the little house by itself. AM i making any sense? Basically it would be an ImageButton without text. But I get the feeling this isn't something that can be done from the skin/cms level. I get the feeling it would have to be a feature existing in the mojoportal core or added by me to the source code i have.
Also I can't seem to figure what "switch" switches on the CSS to show the button for the navigation in the skin you suggested.
I took a look at the CSS, the image/icon can be set to display or not display, since its and 'img' tag within an 'a' tag. But there is no way of turning off the text portion of the link, at least I couldnt figure a way when I tried. Which is what I want to do. Basically i'm looking for a way to display an image only for each menu item. A way of turning off the text and displaying the image only. Is that possible? Like maybe you could add a hide menu text option in the CMS code that would essentially allow us to set a page name and an alt text, but would not insert the page name text in the 'a' tag. For example:
<a href="" class="AspNet-Menu AspNet-Menu-SelectedLeaf" title="Local Rates">
<img src="Data/SiteImages/FeatureIcons/bug.gif" alt="Local Rates" />the option would basically insert no text here only the img tag</a>
I just implemented a config setting for this so it will be in the next release, you will be able to add this to your Web.config/user.config
<add key="RenderMenuText" value="false" />
It will be in svn trunk within a few days.
Is this config setting still applicable? I added <add key="RenderMenuText" value="true" /> to my user.config. Is this the proper way to enable this feature? Once it's enabled, where do I find the option to turn the menu text off for a menu item? Basically, I'm trying to replace the text on the menu for the Home link so it's just an image.
I've never tried using this, but as I read it, you'd want to set that key to false to prevent menu text from rendering.
I tried setting to false as well which didn't seem to change anything and I didn't see any additional options on the menu config.
Joe...if you have a sec, can you chime in really quick and let us know how this feature works? Appreciate the help =)
It does work but not in all menu configurations. We have a number of MenuAdapters for various things but it is not implemented in all of them, it is not implemented in the Artisteer menu, nor when using TreeView for example, but it is implemented in our main MenuAdapter and in the Superfish menu adapters. So if you base your menu configuration and css on say jsavard-mojoportal or one of the mitchinson-earthy skins with icons enabled it can work.
Hope it helps,