Welcome Guest Search | Active Topics | Sign In | Register

horiz menu & sidemapdatasource Options
terry b
Posted: Sunday, April 13, 2008 8:23:03 AM
Rank: Newbie
Groups: Member

Joined: 4/13/2008
Posts: 1
Hello, I'm testing your menu product for possible implementation in a web app I'm developing. I was trying to emulate the Red Tabs menu in your samples, but when I use a 2 level sitemap the child items display vertically and don't remain visible. I've tried setting KeepExpandedOnClick=true but that doesn't seem to make any difference.

If I use the menubuilder I can't seem to find where to specify the DataSourceID. If I specifiy the DataSourceID in the aspx file, when I go to the menubuilder preview, it says the menu has no items.

Please advise with any tips on how to proceed. Here is what my test looks like:

http://test02.amritanet.com/eo1.aspx

My aspx contains the following:

Code: HTML/ASPX
<eo:Menu ID="Menu1" runat="server" 
     Width="600px" 
     DataSourceID="SiteMapDataSource1" 
     ControlSkinID="RedTabs" KeepExpandedOnClick="true"
     >
</eo:Menu>


and my sitemap is as follows:


Code: XML
<siteMapNode  title=""  description="">
      <siteMapNode url="eo1.aspx" title="eo1.aspx"  description="" >
        <siteMapNode url="eo11.aspx" title="eo11.aspx"></siteMapNode>
        <siteMapNode url="eo12.aspx" title="eo12.aspx"></siteMapNode>
      </siteMapNode>
      <siteMapNode url="eo2.aspx" title="eo2.aspx"  description="" >
        <siteMapNode url="eo21.aspx" title="eo21.aspx"></siteMapNode>
        <siteMapNode url="eo22.aspx" title="eo22.aspx"></siteMapNode>
      </siteMapNode>
    </siteMapNode>



Thanks,

Terry

eo_support
Posted: Sunday, April 13, 2008 8:46:20 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,067
Hi,

You will need to adjust a few things programmatically after you populate the menu. Try put the following code in your Page_Load:

Code: C#
//Populate the menu
Menu1.DataBind();

//Set the first item as initially expanded
Menu1.Items[0].Expanded = True;

//Adjust the second item's sub menu's position. 
//You will need to adjust value "-60"
Menu1.Items[1].SubMenu.OffsetX = -60;


Note while this will initially display the horizontal menu bar for you, the menu bar will still disappear once you hover over other items, because the whole horizontal bar is a "sub menu". In order to keep the horizontal menu bar visible, try the following workaround:

1. Split one menu into two menus. The first menu would have these items: eo1.aspx, eo2.aspx, eo21.aspx & eo22.aspx. The second menu would have these items: eo11.aspx & eo12.aspx;
2. Place the first menu right on top of the second menu;
3. Adjust the second menu's style settings, so that the second menu's top level items (eo11.aspx & eo12.aspx) have the same appearance settings as the first menu's second level items (eo21.aspx & eo22.aspx). In order to do this, you can first use Menu Builder's "Create from Template" feature to get a full copy of the RedTabs template definition, then copy/modify the appropriate section to the second menu. You will need to go over the following documentation section if you are not yet familiar with how the styles work:

EO.Web.Menu -> Using EO.Web Menu -> Look, Skin and Theme
EO.Web.Menu -> Using EO.Web Menu -> Style and Appearance

Hope this helps. Let us know if you have any more questions.

Thanks


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.