Enable "page icon function" in the skin?

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.
1/12/2010 11:33:00 AM
Gravatar
Total Posts 249

Enable "page icon function" in the skin?

I love the page icon of the jsavard skins, and in fact my website is based on that skin.

But what if i want to enable the page icon, or the page logo in another skin? It is possible?

i think that it is possible, but, where to look?

i compared the layout.master and the style.css of the two skins and i did not understood how to enable that

any hints?

Thanks

1/12/2010 11:44:06 AM
Gravatar
Total Posts 2187

Re: Enable "page icon function" in the skin?

Check the CSS (probably style.css) of the skin you want to use Page Icons in for the following. If it is there, remove it.

.pageicons{display:none;}

Hope This Helps,
Joe D.

1/12/2010 11:44:33 AM
Gravatar
Total Posts 18439

Re: Enable "page icon function" in the skin?

The skins that don't use it hide in page settings like this in style.css:

.pageicons { display:none; }

and hide the icons in stylemenu.css like this:

div.AspNet-Menu-Horizontal ul.AspNet-Menu li img { display:none; }

or in styletreeview.css like this:

div.AspNet-TreeView ul li img { display:none; }

So to use them you just un-hide them from css.

Hope it helps,

Joe

1/12/2010 6:08:53 PM
Gravatar
Total Posts 249

Re: Enable "page icon function" in the skin?

Thank you!

i managed to enable the page icon selection in the edit page page, but i did not manage to show the icon in the horizontal menu.

i will do some experiments, i hope i will succeed, now i am reading the useful documentation

1/18/2010 8:42:06 AM
Gravatar
Total Posts 249

Re: Enable "page icon function" in the skin?

i played with the mitchinson-earthy skin, to show the icons, but i failed to get anything

my steps:

first, i put on user.config the setting to not cache on server and client the skin, and i recycled the app-pool

then, i changed this on style.css:

.center-leftmargin .rtop,.center-leftmargin .rbottom,.center-rightmargin .rtop,.center-rightmargin .rbottom,.center-nomargins .rtop,.center-nomargins .rbottom,.center-rightandleftmargins .rtop,.center-rightandleftmargins .rbottom,.logolist,.pageicons,.skiplink {
display:none;
}

to

.center-leftmargin .rtop,.center-leftmargin .rbottom,.center-rightmargin .rtop,.center-rightmargin .rbottom,.center-nomargins .rtop,.center-nomargins .rbottom,.center-rightandleftmargins .rtop,.center-rightandleftmargins .rbottom,.logolist,.skiplink {
display:none;
}

then i added this to stylemenu.css

ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; }

...not work...

1/18/2010 9:03:44 AM
Gravatar
Total Posts 18439

Re: Enable "page icon function" in the skin?

That one may not work because it is using the jQuery superfish menu, which may be re-rendering the menu completely and changing all the css classes from javascript.

Best,

Joe

1/18/2010 9:41:45 AM
Gravatar
Total Posts 249

Re: Enable "page icon function" in the skin?

oh, i understand

if i want to make the menus in mojoportal-jsavard in horizontal, how easy is to do that?

1/18/2010 9:55:04 AM
Gravatar
Total Posts 18439

Re: Enable "page icon function" in the skin?

It could be done, I don't know how easy. There are some old not up to date skins on the community downloads, that currently probably don't work, but some of them had horizontal menus and you could probably borrow CSS from them and then tweak it. I think IBuySpy, mojoGuideToGalaxy, and jwh1 are all horizontal menus.

Best,

Joe

1/18/2010 10:20:02 AM
Gravatar
Total Posts 249

Re: Enable "page icon function" in the skin?

hi, the html content is missing in that page (but i remember that when i checked mojoportal in march 2009, there were those download there)

1/18/2010 10:31:02 AM
Gravatar
Total Posts 18439

Re: Enable "page icon function" in the skin?

Oops, I had replaced the Html content with the new Simple List/Links and marked it as visible only to admins while I was working on it, then I forgot to make it visible to all users when I was finished. It should be visible to you now, I had not noticed it because it was visible to me.

Best,

Joe

1/18/2010 3:58:57 PM
Gravatar
Total Posts 249

Re: Enable "page icon function" in the skin?

i do not understand how the cms decides to show the "choose icon" dialog, or to generate the code to embed images (the page icons are nowhere in the code, not just hidden)

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