RadMenu width is set eventhough the second row appears

[Anto (DLL Version : 2008.3.1314.35)]

Hi all

Have a Radmenu with Items. 

There are more than 10 RadMenuItems so it overflows and shows in the second line.

Then i used EnableRootItemScroll = "true" and width to 80%, Even though it shows in the second line but with the scroll.

I have attached the screen shot too.

I need to bring the all the items in a single line with scroll.

Thanking You

-Anto

[Kamen Bundev]

Hi Anto,

I can see that you have some kind of additional padding there between the items which may affect the rendering, can you send us a live URL or a sample markup and any CSS that comes in play in your page because RadMenu with root item scrolling seems to work here.

All the best,
Kamen Bundev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Anto (DLL Version : 2008.3.1314.35)]

Hi Kamen Bundev

I here is the Header.ascx

<%@ Control Language="C#" AutoEventWireup="True" CodeBehind="Header.ascx.cs" Inherits="ProductsV2.Header" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td id="header">
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                        <tr>
                            <td style="width: 50%;" rowspan="2">
                                <img visible="true" alt="Products" id="productLogo" runat="server" />
                            </td>
                            <td align="right">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td class="myArea" align="left">
                                                <telerik:RadMenu runat="server" ID="rmnuProducts" DataTextField="ProductName" DataFieldID="ProductID"
                                                    DataFieldParentID="ParentID" DataValueField="ProductID" Style="z-index: 5" EnableEmbeddedSkins="false"
                                                    OnItemClick="rmnuProducts_ItemClick">
                                                </telerik:RadMenu>
                                                | <a href="../Home/DefaultCS.aspx" class="myAreaLink">Home</a>|<a href="../Admin/LoginCS.aspx"
                                                    class="myAreaLink">Logout</a>
                                            </td>
                                            <td id="colorpicker" class="welcome" style="border-left: 2px solid rgb(221, 221, 221);
                                                padding-right: 5px;" nowrap="nowrap" valign="top">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px 5px 0px 10px;" align="right" nowrap="nowrap" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td class="search" valign="bottom">
                                             <telerik:RadTextBox EnableEmbeddedSkins="false" ID="RTBSearch" TabIndex="1" runat="server"
                                                                MaxLength="20"  >
                                                            </telerik:RadTextBox>

                                                <asp:Button ID="BtnSearch" runat="server" Text="Search" CssClass="button" />
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="left">

                                <telerik:RadMenu BorderWidth="0" runat="server" ID="rmnuPage" DataTextField="PseudoName" DataFieldID="UID"
                                    DataFieldParentID="ParentID" EnableRootItemScroll="true" DataValueField="PageID" Width="90%"
                                    DataNavigateUrlField="PageNavigateURL" OnItemClick="rmnuPage_ItemClick" CollapseAnimation-Type="OutSine"
                                    Skin="Gray" EnableAutoScroll="true">
                                </telerik:RadMenu>

                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                        <tr>
                                            <td id="subtabs" width="100%">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" class="lastView" nowrap="nowrap">
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%">
                                                                <b style="white-space: nowrap;">Last Viewed:&nbsp;&nbsp;</b> none
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

[Kamen Bundev]

Hi Anto,

Unfortunately the markup you've sent is still not enough for us to determine what causes the additional padding. I asked if you can send any additional CSS that gets applied on that page, can you do that? A live URL will be even more helpful, since everything we need is in there already. Thank you in advance.

Regards,
Kamen Bundev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.