No CSS on main menu

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
4/27/2012 5:41:47 PM
Andrew
Gravatar
Total Posts 59
View Posts

No CSS on main menu

Hello,

I have a new style exported from artisteer as html, and it actually all looks fine on the site, except the main menu is just text and the items haven't been styled properly as menu items.

Which css file should I be looking at for this?

Thanks,

Andrew

4/28/2012 7:56:02 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

Managed to change the layout file so that the menu itself is styled, but the menu items are still showing as text.

Any ideas??

Andrew

4/29/2012 10:42:22 AM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

Is the issue in the layout file or in one of the css files?

Thanks,

Andrew

4/29/2012 11:03:50 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: No CSS on main menu

You didn't mention what version of mojoPortal nor what version of Artisteer so I'm only guessing you are using the latest of both.

I would compare how your <portal:SiteMenu is configured in layout.master vs the Artisteer skins we ship in the /Data/skins folder

They are all declared like this:

<portal:SiteMenu ID="SiteMenu1" runat="server" UseTreeView="true" TreeViewPopulateOnDemand="false"
HideMenuOnSiteMap="false" SuppressImages="true"></portal:SiteMenu>

Make sure yours isn't using some different configuration.

Also compare the treeview settings in your theme.skin file should be like this:

<portal:mojoTreeView runat="server" SkinID="SiteMenu"
ContainerCssClass=""
RootUlCssClass="art-hmenu"
RenderLiCssClasses="true"
RenderAnchorCss="true"
LiCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
LiSelectedCssClass="active"
LiChildSelectedCssClass="active"
LiParentSelectedCssClass=""
AnchorCssClass=""
AnchorSelectedCssClass="active"
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"
SuppressCornerDivs="true"
MaxDataBindDepth="-1"
/>

<portal:mojoTreeView runat="server" SkinID="PageMenu"
ContainerCssClass="art-box art-vmenublock"
ExtraMarkupMode="Artisteer"
RootUlCssClass="art-vmenu"
RenderLiCssClasses="true"
RenderAnchorCss="true"
LiCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
LiSelectedCssClass="active"
LiChildSelectedCssClass="active"
LiParentSelectedCssClass=""
AnchorCssClass=""
AnchorSelectedCssClass="active"
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"
SuppressCornerDivs="true"
/>

Hope that helps,

Joe

4/29/2012 12:25:44 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

Hi Joe,

I'm using mojo version 2.3.8.1 and the design came from artisteer 3.0.

Is the tree view a new way to display a menu? I haven't seen this before.

I used the existing html folder artisteer-30headermenu and the artisteer30-headermenu artisteer file. Used the 3 column design as suggested, exported as html and put the files in to the html folder.

This is what I see in the theme.skin file:

<portal:mojoMenu runat="server" SkinID="SiteMenu"
RenderContainerCssClass="true"
ContainerCssClass="art-nav-outer"
RenderImages="false"
UseMenuTooltipForCustomCss="true"
RenderCustomClassOnLi="true"
RenderCustomClassOnAnchor="false"
RenderLiSelectedCss="false"
RenderAnchorSelectedCss="true"
UlCssClass="art-hmenu"
LiCssClassWithChildren=""
LiCssClassWithoutChildren=""
LiSelectedCssClassWithChildren=""
LiSelectedCssClassWithoutChildren=""
LiChildSelectedCssClass=""
LiParentSelectedCssClass=""
AnchorCssClass=""
AnchorSelectedCssClassWithChildren="active"
AnchorSelectedCssClassWithoutChildren="active"
AnchorChildSelectedCssClass=""
AnchorParentSelectedCssClass=""
InnerSpanMode="Artisteer"

/>

<portal:mojoTreeView runat="server" SkinID="SiteMapPage"
ContainerCssClass="sitemap"
RootUlCssClass=""
RenderLiCssClasses="false"
RenderAnchorCss="true"
LiCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
LiSelectedCssClass=""
LiChildSelectedCssClass=""
LiParentSelectedCssClass=""
AnchorCssClass=""
AnchorSelectedCssClass=""
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"

/>

<portal:mojoTreeView runat="server" SkinID="ChildSiteMap"
ContainerCssClass="sitemap"
RootUlCssClass=""
RenderLiCssClasses="false"
RenderAnchorCss="true"
LiCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
LiSelectedCssClass=""
LiChildSelectedCssClass=""
LiParentSelectedCssClass=""
AnchorCssClass=""
AnchorSelectedCssClass=""
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"

/>

 

 

Andrew

4/29/2012 2:14:30 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

The layout file has:

<div class="art-nav">
  <div class="l"></div>
    <div class="r"></div>
  <portal:SiteMenu ID="SiteMenu1" runat="server" UseTreeView="false" HideMenuOnSiteMap="false" Direction="Horizontal" ></portal:SiteMenu>
</div>

it was

<div class="art-nav">
  <div class="art-nav-l"></div>
    <div class="art-nav-r"></div>
  <portal:SiteMenu ID="SiteMenu1" runat="server" UseTreeView="false" HideMenuOnSiteMap="false" Direction="Horizontal" ></portal:SiteMenu>
</div>

But I remember you had to change this on my last skin attempt so changed that but still no joy. This gave me the menu but the items don't render propertly.

I took the artisteer-30headermenu folder from the extra-skins folder that I downloaded and this layout file has art-nav-1 and art-nav-r.

4/30/2012 6:22:44 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: No CSS on main menu

But I remember you had to change this on my last skin attempt so changed that but still no joy. This gave me the menu but the items don't render propertly.

I remember that but the skin I previously helped you with appeared to be created using Artsiteer 2.4 or 2.6 not Artisteer 3 and that is why it didn't work correctly and needed modification.

In Artisteer when you go to File > About Artisteer what version does it say there?

4/30/2012 1:55:49 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

It's definately version 3.

Maybe I should get version 3.1 instead.

I'm not sure where to start looking in the layout file. Tried debugging in Visual Studio but couldn't make much sense of what's going on.

5/1/2012 3:52:29 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

Hi Joe,

I've just purchased the home edition 3.1.0.48375 so I will see how I get on with this.

Thanks,

Andrew

5/1/2012 4:54:58 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: No CSS on main menu

Hi Joe,

Exporting in 3.1.0.48375 as html and merging with the extra skins header folder appears to be working in the latest version of Artisteer. Not quite sure what happened there, did exactly the same as my last export.

Hopefully I can create skins without any issues now, and more importantly get my latest site live.

Keep up the good work.

Thanks,

Andrew

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