This is a migrated thread and some comments may be shown as answers.

Footer from master appears on RadWindow

1 Answer 246 Views

Window

This is a migrated thread and some comments may be shown as answers.

jlj30 asked on 15 Aug 2015, 02:36 PM

telerik---master-footer-appears-on-radwindow---screenshot---14aug2015.png

Hi,

This is a weird one.

My markup is rather large so I'll just include a collapsed summary of my windows. The full declarations can be found at the end of this thread.

<telerik:RadWindowManager ID="RadWindowManager" runat="server" ShowContentDuringLoad="false"

Skin="Office2007" Style="z-index: 7000">

<Windows>

<telerik:RadWindow ID="winTaskIdentifier" ... > ... </telerik:RadWindow>

<telerik:RadWindow ID="winActivity" ... > ... </telerik:RadWindow>

<telerik:RadWindow ID="winAutoSave" ... > ... </telerik:RadWindow>

<telerik:RadWindow ID="winExport" ... > ... </telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

All of the windows use ContentTemplate.

The issue is that "one" of these windows will display the footer from the master page.

If I re-order the windows, then the footer appears on another one.

It appeared that whatever window was in the 3rd position (winAutoSave in the snippet above), would have the footer - but I've found that is not always the case.

Another important clue is that this only occurs in Chrome; Firefox and IE are fine and do not show the footer on any of the windows.

I have attached a file containing a screenshot showing the issue on the Auto Save popup.

The fact that merely changing the sequence in which the windows occur in my page makes me believe that it's not a problem at my end.

Please help.

Thanks

Jim

Here's the full markup for the windows - the footer and referenced class from the master appear at the bottom:

<telerik:RadWindowManager ID="RadWindowManager" runat="server" ShowContentDuringLoad="false"

Skin="Office2007" Style="z-index: 7000">

<Windows>

<telerik:RadWindow ID="winTaskIdentifier" Width="520px" Height="200px" runat="server" Title="Task Identification"

VisibleOnPageLoad="false" Behaviors="Close,Move" EnableShadow="true" Modal="true" VisibleStatusbar="False"

OnClientClose="OnClientClose">

<ContentTemplate>

<div style="padding: 10px;">

<telerik:RadButton ID="RadButton1" Text="OK" runat="server" OnClientClicked="taskIdentifierDialogButtonClicked" CommandName="update" AutoPostBack="false">

</telerik:RadButton>

<telerik:RadButton ID="RadButton2" Text="Cancel" runat="server" OnClientClicked="taskIdentifierDialogButtonClicked" CommandName="cancel" AutoPostBack="false">

</telerik:RadButton>

<div style="padding: 10px;">

<br />

<telerik:RadButton ID="chkShowIdentifiers" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False"

ToggleType="CheckBox" AutoPostBack="false" Text="Show Identifiers (diagram + exports)" OnClientCheckedChanged="ShowIdentifiers">

</telerik:RadButton>

<asp:Panel ID="pnlMain" runat="server">

<div style="margin-top: 10px;">

<telerik:RadButton ID="chkSysIdent" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="True" GroupName="IdentifierType" OnClientCheckedChanged="chkSysIdent_CheckedChanged"

ToggleType="Radio" AutoPostBack="false" Text="Use System Format (e.g., 3.5)">

</telerik:RadButton>

<telerik:RadButton ID="chkIncludePrefix" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False"

ToggleType="CheckBox" AutoPostBack="false" Text="Include Process Prefix (e.g., INC 3.5)">

</telerik:RadButton>

<br />

<telerik:RadButton ID="chkUserIdent" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False" GroupName="IdentifierType"

ToggleType="Radio" AutoPostBack="false" Text="User Provided (manually entered for each activity / task)">

</telerik:RadButton>

</div>

</asp:Panel>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="winActivity" Width="420px" Height="320px" runat="server"

VisibleOnPageLoad="false" Behaviors="Close,Move" EnableShadow="true" Modal="true" VisibleStatusbar="False"

OnClientClose="OnClientClose" OnClientShow="OnWindowShow">

<ContentTemplate>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

var obj;

function pageLoad() {

obj = document.getElementById('<%= txtActivityName.ClientID %>');

}

function OnWindowShow(sender, args) {

if (obj != null) {

//setTimeout(" obj.focus();", 300);

document.getElementById('<%= lblActivityError.ClientID %>').style.display = "none";

}

</script>

</telerik:RadScriptBlock>

<div style="padding: 10px; float: left;">

<telerik:RadButton ID="btnOK" Text="OK" runat="server" OnClientClicked="activityDialogButtonClicked" AutoPostBack="false" ValidateRequestMode="Enabled">

</telerik:RadButton>

<telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" OnClientClicked="activityDialogButtonClicked" CommandName="cancel" AutoPostBack="false">

</telerik:RadButton>

</div>

<div style="padding: 10px; float: right;">

<asp:Label ID="lblActivityError" runat="server" Text="Name field is required" CssClass="required"></asp:Label>

<%-- <asp:LinkButton ID="lnkSpell" runat="server"><img style="border:0px" alt="" src="Images/From Web/spellchecker_24x24.png" /></asp:LinkButton>--%>

</div>

<div style="padding: 10px;">

<table>

<tr>

<td>

<asp:Label ID="Label3" runat="server" Text="Name" CssClass="popupLabelText"></asp:Label>

</td>

</tr>

<tr>

<td>

<telerik:RadTextBox ID="txtActivityName" Width="350px" runat="server" EmptyMessage="Required"></telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label7" runat="server" Text="Description" CssClass="popupLabelText"></asp:Label>

</td>

</tr>

<tr>

<td>

<telerik:RadTextBox ID="txtActivityDesc" Width="350px" Rows="8" TextMode="MultiLine" runat="server"></telerik:RadTextBox>

</td>

</tr>

</table>

</div>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="winAutoSave" Width="520px" Height="300px" runat="server" Title="Auto-Save"

VisibleOnPageLoad="false" Behaviors="Close,Move" EnableShadow="true" Modal="true" VisibleStatusbar="False"

OnClientClose="OnClientClose">

<ContentTemplate>

<div style="padding: 10px;">

<telerik:RadButton ID="RadButton5" Text="OK" runat="server" OnClientClicked="autoSaveDialogButtonClicked" CommandName="update" AutoPostBack="false">

</telerik:RadButton>

<telerik:RadButton ID="RadButton6" Text="Cancel" runat="server" OnClientClicked="autoSaveDialogButtonClicked" CommandName="cancel" AutoPostBack="false">

</telerik:RadButton>

<div style="padding: 10px;">

<br />

<telerik:RadButton ID="chkAutoSave" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False"

ToggleType="CheckBox" AutoPostBack="false" Text="Enable Auto-Save" OnClientCheckedChanged="EnableAutoSave">

</telerik:RadButton>

<asp:Panel ID="pnlAutoSave" runat="server">

<div style="margin-top: 10px;">

<asp:Label ID="Label8" runat="server" Text="Number of <strong>minutes</strong> after which the diagram will automatically be saved (1-30)"></asp:Label>

<br />

<telerik:RadNumericTextBox ID="numSaveInterval" runat="server" MinValue="1" MaxValue="30" ShowSpinButtons="True" Width="50px">

<NumberFormat DecimalDigits="0"></NumberFormat>

</telerik:RadNumericTextBox>

</div>

</asp:Panel>

<div style="margin-top: 10px;">

<asp:Label ID="Label10" runat="server" Text="Note: The current diagram is always saved when switching between activities or "></asp:Label>

<asp:Label ID="Label11" runat="server" Text="navigating to another page - regardless of the above settings."></asp:Label>

</div>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="winExport" Width="520px" Height="275px" runat="server" Title="Export All Process Activities"

VisibleOnPageLoad="false" Behaviors="Close,Move" EnableShadow="true" Modal="true" VisibleStatusbar="False"

OnClientClose="OnClientClose">

<ContentTemplate>

<div style="padding: 10px;">

<telerik:RadButton ID="RadButton3" Text="OK" runat="server" OnClientClicked="exportDialogButtonClicked" CommandName="export" AutoPostBack="false">

</telerik:RadButton>

<telerik:RadButton ID="RadButton4" Text="Cancel" runat="server" OnClientClicked="exportDialogButtonClicked" CommandName="cancel" AutoPostBack="false">

</telerik:RadButton>

<div style="padding: 10px;">

<div style="margin-top: 10px;">

<telerik:RadButton ID="optExportCurrent" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="True" GroupName="ExportType" OnClientCheckedChanged="optExportCurrent_CheckedChanged"

ToggleType="Radio" AutoPostBack="false" Text="Export Current Activity">

</telerik:RadButton>

<div style="margin-left: 20px;">

<telerik:RadButton ID="optPNG" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="True" GroupName="ImageType" OnClientCheckedChanged="imageTypeChanged"

ToggleType="Radio" AutoPostBack="false" Text="png">

</telerik:RadButton>

<telerik:RadButton ID="optJPG" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False" GroupName="ImageType" OnClientCheckedChanged="imageTypeChanged"

ToggleType="Radio" AutoPostBack="false" Text="jpg">

</telerik:RadButton>

<telerik:RadButton ID="optBMP" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False" GroupName="ImageType" OnClientCheckedChanged="imageTypeChanged"

ToggleType="Radio" AutoPostBack="false" Text="bmp">

</telerik:RadButton>

<telerik:RadButton ID="optSVG" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False" GroupName="ImageType" OnClientCheckedChanged="imageTypeChanged"

ToggleType="Radio" AutoPostBack="false" Text="svg">

</telerik:RadButton>

</div>

<br />

<telerik:RadButton ID="optExportAll" runat="server" ButtonType="ToggleButton" Style="z-index: 999999" Checked="False" GroupName="ExportType" OnClientCheckedChanged="optExportAll_CheckedChanged"

ToggleType="Radio" AutoPostBack="false" Text="Export All Activities (.pdf)">

</telerik:RadButton>

<div style="margin-left: 20px;">

<asp:Label ID="lblPageSize" runat="server" Text="Page Size:" ToolTip="Select the page size to which the diagram should be rendered"></asp:Label>

<telerik:RadComboBox ID="ddlPageSize" runat="server" Width="80px" ZIndex="7002" ToolTip="Select the page size to which the diagram should be rendered">

<Items>

<telerik:RadComboBoxItem Text="Legal" Value="Legal" />

<telerik:RadComboBoxItem Text="Letter" Value="Letter" Selected="True" />

<telerik:RadComboBoxItem Text="A3" Value="A3" />

<telerik:RadComboBoxItem Text="A4" Value="A4" />

</Items>

</telerik:RadComboBox>

<telerik:RadButton ID="optLandscape" runat="server" ButtonType="ToggleButton" ToggleType="Radio"

Text="Landscape" AutoPostBack="false" GroupName="orientation"

Checked="true">

</telerik:RadButton>

<telerik:RadButton ID="optPortrait" runat="server" ButtonType="ToggleButton" ToggleType="Radio"

Text="Portrait" AutoPostBack="false" GroupName="orientation"

Checked="false">

</telerik:RadButton>

</div>

<br />

<asp:Label ID="Label5" runat="server" Text="File Name:"></asp:Label>

<telerik:RadTextBox ID="txtExportFileName" Width="400px" runat="server" Text="" onkeyup="this.value=this.value.replace(/[\W]/g,'_');"></telerik:RadTextBox>

<asp:Label ID="lblFileSuffix" runat="server" Text=".png"></asp:Label>

</div>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<div id="divFooter" class="footer">

<table width="100%">

<tr>

<td style="width: 30%; text-align: left;">

<asp:LinkButton ID="lnkPrivacy" runat="server" Style="text-decoration: underline;

color: White;" OnClientClick="openPrivacyWindow();return false;">Privacy Policy</asp:LinkButton>

</td>

<td style="width: 40%; text-align: center;">

</td>

<td style="width: 30%; text-align: right;">

<asp:Label ID="lblLastMod" runat="server" OnPreRender="lblLastMod_PreRender"></asp:Label>

</td>

</tr>

</table>

</div>

.footer

{

position: fixed;

bottom: 0px;

left: 8px;

right: 8px;

height: 22px;

margin-top: 2px;

padding-left: 5px;

padding-right: 5px;

font-family: Calibri;

color: White;

background-color: #15597A;

}

1 Answer, 1 is accepted

answered on 19 Aug 2015, 01:59 PM

RadWindow-test.zip

Hi Jim,

This looks like a CSS issue. I can suggest that you remove all of the custom styles and see whether the issue is resolved. If so, you can start turning piece by piece the styles until you find and fix the problematic rules. More information on the matter is available here - http://docs.telerik.com/devtools/aspnet-ajax/controls/window/troubleshooting/distorted-appearance

Another approach is to investigate the HTML elements of the window/footer to see which is the problematic CSS.

If the above steps, however, do not help it would be better to reproduce the issue with the attached example and then send it back for further investigation. You can also provide us with a full runnable sample.

Regards,
Danail Vasilev
Telerik

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 Feedback Portal and vote to affect the priority of the items