Telerik RadAjaxLoadingPanel не будет перемещаться с помощью CSS, кроме случаев, когда он заключен в div
В моем коде у меня был telerik:RadAjaxLoadingPanel, который не будет двигаться, если он не заключен в div. Это решение невыполнимо, потому что, будучи заключенным в div, он сдвинет вместе с ним весь заголовок. В противном случае никакие стили не сдвинут его.
Кроме того, очень сложно отлаживать, потому что после отображения панели я перенаправляю ее на другую страницу. Так что я не могу заставить его оставаться открытым в инструментах разработчика надолго. При этом похоже, что стили не перезаписываются ничем другим.
В настоящее время метка на панели находится в верхней левой части экрана. Я бы хотел, чтобы он был в центре (не перемещая вместе с ним весь заголовок).
Ниже мой код.
<body id="mBody" runat="server">
<form id="mForm" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="1800">
<Scripts>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function (sender, args) {
if (args.get_error() && args.get_error().name === 'Sys.WebForms.PageRequestManagerTimeoutException') {
args.set_errorHandled(true);
var sPath = window.location.pathname;
window.location.href('<%= ResolveUrl("~/DefaultError.aspx") %>' + '?TimeOut=' + sPath); <a href="arch/">arch/</a>
}
});
</script>
</telerik:RadCodeBlock>
<telerik:RadStyleSheetManager runat="server">
<StyleSheets>
<telerik:StyleSheetReference Path="~/Content/blah.css" />
</StyleSheets>
</telerik:RadStyleSheetManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline" EnableAJAX="True">
</telerik:RadAjaxManager>
<asp:Panel ID="pnlTestDev" CssClass="EnvironmentIdentity hidden-print" runat="server">
<asp:Label ID="lblTestDev" runat="server" />
</asp:Panel>
<div style="background: #FFFFFF; min-height: 52px; min-width: 800px;" class="hidden-print">
<div class="blahIdentity">
</div>
<div class="blah2Identity">
</div>
<div class="blahnavbarmenu">
<telerik:RadMenu ID="rmAPONavigation" runat="server" Skin="Bootstrap" CssClass="APORadMenu" OnClientItemClicking="processmenuClicking">
<DataBindings>
<telerik:RadMenuItemBinding TargetField="Target" />
</DataBindings>
</telerik:RadMenu>
</div>
</div>
<asp:HiddenField runat="server" ID="hfIsDirty" />
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="10" BackColor="#E0E0E0" Skin="Bootstrap" Modal="true" style="display:none" class="loadingPanel">
<telerik:RadLabel runat="server" ID="loadingPanel" Text="Redirecting to Rain Advantage" />
</telerik:RadAjaxLoadingPanel>
<asp:ContentPlaceHolder ID="ContentSection" runat="server">
</asp:ContentPlaceHolder>
<footer>
<div class="footer margin-top-10">
Copyright Diversified Crop Insurance Services - No reproduction or dissemination without written consent. Accuracy is not warranted.
</div>
</footer>
</form>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
window.$ = $telerik.$;
function processmenuClicking(sender, args) {
var item = args.get_item();
var target = item.get_target();
if (item._text === "RETIRED Index Quoter") {
var loadingPanel = $("#RadAjaxLoadingPanel1");
//loadingPanel.text = "Redirecting to blah";
loadingPanel.show();
}
if (target !== "_blank") {
item.set_selected(true);
}
var hval = document.getElementById('<%= hfIsDirty.ClientID%>').value
if (hval === "Y") {
var r = confirm("You have unsaved changes. Are you sure you want to continue?");
if (r != true) {
args.set_cancel(true);
var itemselected = args.get_item();
itemselected.set_selected(false);
}
}
}
</script>
</telerik:RadScriptBlock>
Кроме того, вот простой стиль, который я применил...
#loadingPanel{
padding-top: 300px;
font-size: 50px;
/* margin-top:50%;*/
}
.loadingPanel{
padding-top: 300px;
font-size: 50px;
}
Любые знания помогают,
Благодарность