Enable "page icon function" in the skin?

1/12/2010 11:33:00 AM

Magnetic_dud

Total Posts 251

View Posts

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

Joe Davis

Total Posts 2239

View Posts

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

Joe Audette

Total Posts 18439

View Posts

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

Magnetic_dud

Total Posts 251

View Posts

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

Magnetic_dud

Total Posts 251

View Posts

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

Joe Audette

Total Posts 18439

View Posts

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

Magnetic_dud

Total Posts 251

View Posts

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

Joe Audette

Total Posts 18439

View Posts

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

Magnetic_dud

Total Posts 251

View Posts

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

Joe Audette

Total Posts 18439

View Posts

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

Magnetic_dud

Total Posts 251

View Posts

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)

1/24/2010 10:23:25 AM

Magnetic_dud

Total Posts 251

View Posts

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

ok, i am understanding how the menu and theming works

i enabled the icon selection on mitchinson-earthy, and i saw that icons on a jquery superfish menu are possible

but, if this is set:

<portal:SiteMenu id="SiteMenu1" runat="server"
UseTreeView="false" HideMenuOnSiteMap="false" UseSuperfish="true"
Direction="Horizontal" TopLevelOnly="false"></portal:SiteMenu>

the generated html does not have the img tags, while if i set it to false, it has it

ok, so i watched in the source,

private void RenderMenu()
{
Menu menu;
if (this.useSuperfish)
{
if (this.direction == "Vertical")
{
menu = new mojoMenuSuperfishVertical();
}
else
{
menu = new mojoMenuSuperfish();
}

so i have to look and edit the mojoMenuSuperfish function, right?

It is not an optimal solution to manually edit and recompile the code by myself (expecially because i am a lousy c# coder), there isn't an easier way to do that?

thanks

1/24/2010 1:44:12 PM

Joe Audette

Total Posts 18439

View Posts

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

I looked into this today and fixed the issue so it can work with superfish, it will be fixed in the next release.

Best,

Joe

1/24/2010 1:59:02 PM

Magnetic_dud

Total Posts 251

View Posts

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

awesome!

crying for happiness

1/25/2010 5:31:46 PM

Wei Li

Total Posts 125

View Posts

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

Since I updated to this new version, which support the image in superfish menu. My superfish "Home" menu show a home image icon ( src="Data/SiteImages/FeatureIcons/home.gif"). How can i get rid of this icon? It breaks my meun layout.

1/26/2010 2:03:00 AM

Magnetic_dud

Total Posts 251

View Posts

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

You use the SVN version? That function is not yet enabled in the release version

By the way, in to the "page settings", under the page URL, there is the icon selection. Choose "no icon" and you are done

(text can change from what i said, as my mojoportal installation is not in english)

1/26/2010 2:15:16 AM

Wei Li

Total Posts 125

View Posts

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

I was using the svn version. Unfortunately I cannot find the icon selection in the page setting. I rememered there was a such selection to choose a icon some time ago, but I really cannot find it in this version.

1/26/2010 2:20:04 AM

Magnetic_dud

Total Posts 251

View Posts

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

oh, that is because your style.css is set to hide that function

so, i think you have to go in the database, table mp_pages and put blank.gif in the row MenuImage (otherwise you will have a missing image)

1/26/2010 1:55:34 PM

Wei Li

Total Posts 125

View Posts

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

Thanks,

I changed home.gif to blank.gif in the table and problem solved.