Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Raphael
535
UltraMenu/Iframe - highlight selected menu item
posted

I'm using a horizontal menu, urls point to a <IFRAME> beneath...gives impression of tabs...

Would like to have selected menu item highlighted when its selected and the page loads in the IFRAME below...how can I do  this???

 

FYI , not using Tab Control because it doesn't allow for sub-tab menu...at least, not that I know how...

 

Please advise.

  • 28407
    posted

    HI,

     I created a sample project. I set the Webmenu's Item's TargetUrl to the page i wanted to display in the iframe. I set  Item's TargetFrame to the Iframe Id

     Here is my page.

        <ignav:UltraWebMenu ID="UltraWebMenu1" runat="server" JavaScriptFilename=""
                JavaScriptFileNameCommon="" TargetFrame="" TargetUrl="">
                <IslandStyle BackColor="LightGray" BorderStyle="Outset" BorderWidth="1px"
                    Cursor="Default">
                </IslandStyle>
                <TopSelectedStyle BackColor="Lime">
                </TopSelectedStyle>
                <HoverItemStyle BackColor="DarkBlue" Cursor="Default" ForeColor="White">
                </HoverItemStyle>
                <Images>
                    <SubMenuImage Url="ig_menuTri.gif" />
                </Images>
                <ItemStyle Cursor="Default" />
                <Items>
                    <ignav:Item Text="Top Item">
                        <Items>
                            <ignav:Item Text="Default2" TargetFrame="if1" TargetUrl="Default2.aspx">
                            </ignav:Item>
                            <ignav:Item Text="Sub Menu Item">
                            </ignav:Item>
                        </Items>
                    </ignav:Item>
                </Items>
                <DisabledStyle Font-Names="MS Sans Serif" Font-Size="8pt" ForeColor="Gray">
                </DisabledStyle>
                <Levels>
                    <ignav:Level Index="0" />
                    <ignav:Level Index="1" />
                </Levels>
                <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass"
                    CustomRules="background-repeat:repeat-x; " />
    <ExpandEffects ShadowColor="LightGray"></ExpandEffects>

    <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick=""
                    SubMenuDisplay="UltraWebMenu1_SubMenuDisplay" ItemHover=""></MenuClientSideEvents>
            </ignav:UltraWebMenu>
        <iframe id="if1"></iframe>
        </div>
        </form>
    </body>
    </html>

     Here is my 2nd page

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
       
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
       
        </div>
        </form>
    </body>
    </html>