<div>
<ul id="menu">
<li>@Html.ActionLink("Work Orders", "Index", "Orders")</li>
<li>@Html.ActionLink("User Management", "Index", "Users")</li>
<li>Reports
<ul>
<li>@Html.ActionLink("Ad Hoc Report", "Index", "Reports")</li>
<li><a target="_blank" href="http://ws01/ReportingService/Reports.html">All Reports</a></li>
<li><a target="_blank" href="http://ws01/ReportingService/MonthlyShippedOrders.html">Monthly Shipped Orders</a></li>
<li><a target="_blank" href="http://ws01/ReportingService/ActiveOrders.html">Active Orders</a></li>
<li><a target="_blank" href="http://ws01/ReportingService/LTL.html">LTL Orders</a></li>
<li><a target="_blank" href="http://ws01/ReportingService/VendorBilling.html">Vendor Billing Spreadsheet</a></li>
<li><a target="_blank" href="http://ws01/ReportingService/Telephony.html">Telephony Active Orders</a></li>
</ul>
</li>
<li>@Html.ActionLink("Admin", "Index", "Admin")</li>
</ul>
</div>
Thanks,
Chris
2 Answers, 1 is accepted
This behavior is know as a Flash of Unstyled Content, or FOUC, and is theoretically possible, if the page is too heavy or if there is something that slows down the browser before the Menu is initialized.
This may include large script files registered in the <body> (instead of the <head>) or too many widgets being initialized before the Menu. If this is the case, some simple optimizations and refactoring of the front-end code should resolve the problem.
Otherwise, the solution is to hide the raw HTML and show it back in a way similar to this:
<script> $(document).ready(function () { $("#menu").kendoMenu(); $("#menu").fadeIn(); });</script><style> #menu { display: none; }</style>I hope this helps-
Regards,
Eduardo Serra
Telerik by Progress
Rank 1
Eduardo:
That was perfect! Thanks so much for your help!
-Chris