FlexMenu - Selected Child items issue.

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.
7/31/2014 11:09:01 AM
Gravatar
Total Posts 28

FlexMenu - Selected Child items issue.

I am using a FlexMenu for a site design, and have run into a bit of an issue. I want my menu to expand when a a selected menu item has children AND stay expanded when one of its children is selected. The CSS is easy to do, as I have done it on year with a different platform. However, it doesn't seem as easy or possible on FlexMenu because the selected CSS class disappears on the parent of the child. IS there any way around this or some setting I am missing? Thanks.

7/31/2014 2:34:14 PM
Gravatar
Total Posts 18444

Re: FlexMenu - Selected Child items issue.

You have complete control over the css classes used on FlexMenu, you can specify them in theme.skin file.

Sounds like you want to use the same class on the LiSelectedCssClass property and on LiChildSelectedCssClass

Hope that helps,

Joe

7/31/2014 3:02:28 PM
Gravatar
Total Posts 28

Re: FlexMenu - Selected Child items issue.

Thanks Joe for the reply. I like the fact that the creator/founder enjoys personally supporting his work and assisting others with it.

I looked into that CssClass, but it didn't seem to help me. The class specified for selected still cleared for the parent of the selected item. I am looking for a way to have the selected item and each parent item of the selected to have the same class name, to expose the menus related to said selected item.

See below. This is what I am looking to do.


...<ul class="zen-menu" id="sckrfsh">
<li id="home">
<li class="active" id="services"> <!--parent of selected-->
<a href="/site/371/services.aspx">Services</a>
<ul>
<li class="active" id="findorganizations"><a href="/site/410/find_organizations.aspx">Find Organizations</a></li> <!--selected child-->
<li id="applyforbenefits">...
 

 

7/31/2014 3:16:20 PM
Gravatar
Total Posts 18444

Re: FlexMenu - Selected Child items issue.

It should work. I do not know why it is not working for you, unless you are using .NET 3.5 medium trust hosting in which case the theme.skin settings are not being picked up.

For example if you look at this page on our demo site and right click the menu and choose inspect element you will see that it has the css class "active" on the menu item for the selected page and on the parent menu item though the css does not make it stay open, it is a horizontal menu that opens on mouse over.

Are you sure you are really even using FlexMenu? Make sure your layout.master file has this:

<portal:sitemenu id="SiteMenu1" runat="server" useflexmenu="true"...

8/4/2014 11:18:07 PM
Gravatar
Total Posts 28

Re: FlexMenu - Selected Child items issue.

I'm running 4.0 full trust. NO issue there. And yes, I am actually using Flex Menu using the attribute you mentioned. :)

However, on checking the demo site as you pointed out I do see it working there, but not on my site. It must be something wrong in the theme.skin file...

8/5/2014 4:53:09 PM
Gravatar
Total Posts 18444

Re: FlexMenu - Selected Child items issue.

are you able to change any FlexMenu properties at all?

are you sure you are editing the correct skin files at the correct location? /Data/Sites/[SiteID]/skins/[skinname]

are you seeing any errors in the log that might be related?

note that to control FlexMenu that is used inside <portal:SiteMenu you must have the SkinID="SiteMenu" on <portal:FlexMenu runat="server" SkinID="SiteMenu"... in theme.skin as shown in the article. Make sure also that your skin folder has no spaces in the folder name.

if the problem persists, if possible post a link where I can see the problem.

8/5/2014 5:42:02 PM
Gravatar
Total Posts 28

Re: FlexMenu - Selected Child items issue.

Here's my theme.skin blurb for the FlexMenu. Yes, I can set options. The other class settings work as expected, just missing this one thing...

    <portal:FlexMenu runat="server" SkinID="SiteMenu"
        StartingNodePageId="-1"
        StartingNodeOffset="-1"
        MaxDataRenderDepth="-1"
        ContainerElement="div"
        ContainerCssClass="mainmenu"
        RootUlCssClass=""
        RenderDescription="true"
        DescriptionCssClass=""
        ChildContainerElement=""
        ChildContainerCssClass=""
        ChildUlCssClass=""
        ChildNodesPerUl="-1"
        RootLevelLiCssClass=""
        LiCssClass=""
        ItemDepthCssPrefix=""
        ParentLiCssClass=""
        UlSelectedCssClass=""
        LiSelectedCssClass="active"
        AnchorSelectedCssClass=""
        AnchorInnerHtmlTop=""
        AnchorInnerHtmlBottom=""
        RenderCustomClassOnLi="true"
        RenderCustomClassOnAnchor="false"
        AnchorCssClass=""
        AnchorChildSelectedCssClass=""
        LiChildSelectedCssClass="active"
        UlChildSelectedCssClass=""
        ExtraTopMarkup=""
        ExtraBottomMarkup=""
        IsMobileSkin="false"
        />

 

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