Меню главной страницы Ориентация неправильно отображается при обратной передаче - PullRequest
Новая
       5

Меню главной страницы Ориентация неправильно отображается при обратной передаче

0 голосов
/ 03 ноября 2011

Это довольно сложный вопрос для описания.У меня есть сайт, который использует мастер-страницы.Я в основном использую шаблон по умолчанию для мастер-страницы, которую VS дает вам при создании проекта.У меня есть меню asp: с ориентацией по горизонтали.В верхней части страницы (на главной странице) у меня есть раскрывающийся список, который позволяет пользователям, имеющим несколько рабочих мест, иметь возможность выбирать, какую роль они хотят просматривать в каждый момент времени.Когда они выбирают другую роль в раскрывающемся списке, страницы обновляются, показывая представление этой страницы для роли.Одна страница содержит довольно много данных с парой телериковых сеток.Когда эта страница обновляется, в течение пары секунд, пока все загружается, меню отображается с ориентацией по вертикали.После загрузки сетки меню перерисовывается по горизонтали.Я понятия не имею, почему это будет происходить.У кого-нибудь есть идеи?

Спасибо,

Ронда 

<form runat="server" id="mainForm">
<div class="page">
    <div class="header">
        <div class="title">
            <table>
                <tr>
                    <td><img alt="" src="Images/logo_standard_48.gif" /></td>
                    <td><h1>WPR</h1></td>
                </tr>
            </table>
        </div>
        <div class="loginDisplay">
            <table>
                <tr>
                    <td colspan="2">Hello <span class="bold"><asp:Label ID="HeaderLoginLanID" runat="server" /> - <asp:Label ID="HeaderLoginName" runat="server" /></span>!</td>
                </tr>
                <tr>
                    <td><asp:Label ID="ChooseRoleLabel" runat="server" CssClass="LabelText">Please select role:</asp:Label></td>
                    <td><asp:DropDownList Width="150" ID="UserRolesList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="UserRolesList_SelectedIndexChanged"></asp:DropDownList></td>
                </tr>
            </table>
        </div>
        <div class="clear hideSkiplink">
            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/Portal.aspx" Text="My Portal"/>
                    <asp:MenuItem NavigateUrl="~/StartChecklist.aspx" Text="On Board Application"/>
                    <asp:MenuItem NavigateUrl="~/Search.aspx" Text="Search"/>
                    <asp:MenuItem NavigateUrl="" Text="Reports"/>
                    <asp:MenuItem NavigateUrl="~/Help.aspx" Text="Help"/>
                </Items>
            </asp:Menu>
        </div>
    </div>
    <div class="main">
        <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
    </div>
    <div class="clear">
    </div>
</div>
<div class="footer">
         © 2011 . All rights reserved. | Version: 1.0.0.0 
</div>
</form>

1 Ответ

0 голосов
/ 27 августа 2013

Я думаю, что Крейгс получил правильную идею.У меня была та же проблема, и я должен был отказаться от «asp: menuitem» для обычных списков HTML Li.Я использовал

{display: inline;}

Чтобы они выглядели горизонтальными и добавили множество других CSS для аналогичного эффекта, и, к счастью, это решило проблему.

...