I'm having trouble setting up the vertical menu in DNN 4.9.0. In vertical mode, it displays over controls on the page rather than "respecting" them. I have here 1) How I'm modifying the DNN Nav; 2) The HTML for the page and 3) HTML of the contol I'm dropping onto the view page:
I don't see what error there is. The vertical menu should just set up and work.
1) Here is how I'm setting up the DNN Nav in the Index.aspx file:
dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" CSSNodeRoot="main_dnnmenu_rootitem" CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"
2) Here is the View file:
<%
<%
@ Control Language="vb" Inherits="DTS.TopicLinks.LinksView" CodeBehind="TopicLinksView.ascx.vb" AutoEventWireup="false" Explicit="True" %>@ Register Src="LinksList.ascx" TagName="LinksList" TagPrefix="uc1" %>
<
table>
</
<tr> <uc1:LinksList id="LinksList1" runat="server" Visible="true" > </uc1:LinksList> </tr>table>
When I've worked with Solpart menus with the old dnn:MENU tags, setting them vertical respected the other items on a page.
No other work was needed.
So, how does one set up this new menu to "occupy" it's own page object, which in turn respects the other page objects?
3) Here is the HTML for the control --
@ Control Language="vb" Inherits="DTS.TopicLinks.LinksList" CodeBehind="LinksList.ascx.vb"
AutoEventWireup="false" Explicit="True" %>
<
table>
<tr>
<td width="25%">
<asp:Panel ID="pnlList" runat="server"
>
<td align="center">
<asp:Label id="lblListTitle"
runat="server" />
</td>
<asp:DataList ID="lstLinks" runat="server" ItemStyle-VerticalAlign="Top" CellPadding="0"
Width="260px" Height="470px">
<ItemTemplate>
<table border="0" cellpadding="4" cellspacing="0" summary="Links Design Table" class="LinksDesignTable">
<tr>
<td >
<asp:Hyperlink ID="editLink" runat="server"
CommandName="select"
Enabled="true"
>
<asp:Image ID="editLinkImage" ImageUrl="~/images/edit.gif" AlternateText="Edit" runat="server" />
</asp:Hyperlink>
<asp:HyperLink ID="hlStudyLink" CssClass="Normal"
Text='<%# DataBinder.Eval(Container.DataItem,"Url") %>'
NavigateUrl='<%# DataBinder.Eval(Container.DataItem,"Url") %>'
ToolTip=""
Target="_blank"
runat="server" />
<span id="spnSelect" runat="server" Visible="true">
<asp:LinkButton id="cmdMoreInfo" runat="server" CssClass="CommandButton" Text='...' resourcekey="MoreInfo.Text" CommandName="Select"/>
</span>
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblDescription"
runat="server"
text="Description:"/>
<asp:Label ID="txtlblDescrption" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LinkDescription") %>'
ToolTip="Enter a short description of the link you've selected here."
/>
<br />
<br />
<asp:Label ID="lblArticleTitle"
runat="server"
text="Article Title:"/>
<asp:Label ID="txtlblArticleTitle" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"ArticleTitle") %>'
ToolTip="Enter a short description of the link you've selected here."
/>
<br />
<br />
<asp:Label ID="lblViewDate"
runat="server"
text="This link created on:"/>
<br />
<br />
<asp:Label ID="lblViewLastReadDate"
runat="server"
text="Last Read On:"/>
<br />
<br />
</td>
</tr>
</table>
</ItemTemplate>
<SelectedItemTemplate>
</SelectedItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
<table class="LinksDesignTable">
<tr>
<td>
<asp:linkbutton
id="lnkAddNewLink"
runat="server"
text="Click to add link ... "
Visible="false" />
</td>
</tr>
<tr>
<td>
<asp:Panel ID="pnlAddLink"
runat="server"
visible="True">
<asp:Label ID="lblAddLink"
runat="server"
text="Add Link:"/>
<br />
<asp:TextBox ID="txtAddLink" runat="server" ToolTip="Enter the new link here."
/>
<br />
<asp:Label ID="lblArticleTitle"
runat="server"
text="Enter Title:"/>
<br />
<asp:TextBox ID="txtArticleTitle" runat="server" ToolTip="Enter Article Title."
/>
<br />
<asp:Label ID="lblDescription"
runat="server"
text="Enter Description:"/>
<asp:TextBox ID="txtDescription" runat="server" ToolTip="Enter Description. You can enter quite a bit of text here."
/>
<br />
<asp:Label ID="lblNeedToRead"
runat="server"
text="Need To Read:"/>
<asp:CheckBox ID="chkNeedToRead" runat="server" ToolTip="Check if you want to read this later."
/>
<br />
<asp:Label ID="lblViewOrder"
runat="server"
text="View Order:"/>
<asp:TextBox ID="txtViewOrder" runat="server" ToolTip="Enter a number to sort this link with."
width="30px"
/>
<tr>
<td>
<asp:LinkButton ID="lnkSubmitLink"
runat="server"
text="Submit Link"/>
</td>
<td>
<asp:LinkButton ID="lnkCancel"
runat="server"
text="Cancel"/>
</td>
</tr>
</asp:Panel>
</td>
</tr> </table>
</asp:Panel> </td>
<td width="25%">
</td>
<td width="25%"></td>
<td width="25%"></td>
</
</tr>table>
<%
ControlOrientation="Horizontal"<-- This is changed to "Vertical" See below for the HTML in the View file.
<