Hello i currently have a masterpage that has an ASP menu dragged and dropped onto the page. The text on the menu in both the root and child elements is aligned to the center, and i want it to align left. I have tried setting the style of the div to text-align left but this is not having any effect. I'm really stuck on this. Any suggestions would be appreciated.

Thanks,

James.

 Hi James,

 Are you using any css stylesheet with asp menu?

If yes, please find text-align: center;

and make it text-align: left; 

Cheers,
 

Hi, thanks for your message. Managed to get the alignment working okay. Just one more little question. I have some arrows in the parent node that point in a horizontal direction. Is there a way to change the direction of the arrows to a vertical direction (ie aiming downwards instead of to the right).

Thanks,

James.

 Hi James,

 Those horizontal images are just the simple gif files, you can make your own or try to google it, you can find lots of arrows.. and just rename and place it in correct directory in your project.

Cheers
 

Hi,

If you want to set the text of the menuitem's align is left, you try to do in the DynamicItemTemplate or StaticItemTemplate, like below:

 <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" onmousehover="abc">
        <DynamicItemTemplate>
        <table>
        <tr>
        <td align=left>
            <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("NavigateUrl") %>'><%# Eval("Text") %></asp:HyperLink>
        </td></tr></table>
        </DynamicItemTemplate>
        <StaticItemTemplate>
         <table>
        <tr>
        <td align=left>
            <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("NavigateUrl") %>'><%# Eval("Text") %></asp:HyperLink>
        </td></tr></table>
        </StaticItemTemplate>
        </asp:Menu>

You also can try to wrap the menitem's text with a div control, then set the div's align, like below:

 protected void Menu2_MenuItemDataBound(object sender, MenuEventArgs e)
    {
            e.Item.Text = " <div style='width: 243px'  align='left'> " + e.Item.Text + "</div>";
    }

Hope it helps.

Hi,

james85:

Just one more little question. I have some arrows in the parent node that point in a horizontal direction. Is there a way to change the direction of the arrows to a vertical direction (ie aiming downwards instead of to the right).

You can try to put the menu in a div control, set the div's dir is rtl, then the direction of the menuitem is right to the left.

Hope it helps.