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

hyperlink manager window is not opening in front

3 Answers 144 Views

Editor

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

Sara M asked on 30 Oct 2012, 04:19 PM

HI Team,
i have the telerik control in ajax model popup extender. when i click the hyper link after selecting word, hyperlink manager window is opening at backside of model popup extender i can see the hyperlink manager,but when i close the ajax model popup window i can see the hyper link manager,, how do i display the hyperlink manager in front of ajax model popup extender..here is my code..

<asp:Button ID="btnEdit" runat="server" Style="display: none" CausesValidation="false" />

<asp:ImageButton ID="imgbtnEditAPEC" runat="server" ImageUrl="~/img/edit.png" ToolTip="Edit APEC Informatin"

/>

<ajax:ModalPopupExtender ID="mpeEdit" runat="server" Enabled="true" TargetControlID="btnEdit"

PopupControlID="panEdit" BackgroundCssClass="modalBackground" CancelControlID="btnCancelEdit"

DropShadow="false">

</ajax:ModalPopupExtender>

<asp:Panel ID="panEditAPEC" runat="server" BackColor="White" BorderColor="Gray" BorderStyle="Solid"

Width="55%" Height="25em" BorderWidth="1px" Style="display: none">

<div >

<asp:Button ID="btnCancelEditAPEC" runat="server" CausesValidation="false" Text="X"

CssClass="BtnLogin" Width="40px" Font-Bold="true" ToolTip="Close Window" />

</div>

<br />

<div>

<center>

<telerik:RadEditor ID="radEditAboutAPEC" runat="server" EditModes="Design" Style="min-width: 100%;

width: 100%;" Height="250em" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"

BackColor="White" NewLineBr="false" EnableResize="false">

<CssFiles>

<telerik:EditorCssFile Value="~/styles/Default.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="LinkManager" />

<telerik:EditorTool Name="Unlink" />

<telerik:EditorTool Name="FormatBlock" />

<%--<telerik:EditorTool Name="FontName" />

<telerik:EditorTool Name="RealFontSize" />--%>

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

<telerik:EditorTool Name="JustifyNone" />

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="ToggleScreenMode" />

<telerik:EditorTool Name="Zoom" />

</telerik:EditorToolGroup>

</Tools>

<RealFontSizes>

<telerik:EditorRealFontSize Value="0.5em" />

<telerik:EditorRealFontSize Value="0.75em" />

<telerik:EditorRealFontSize Value="1em" />

<telerik:EditorRealFontSize Value="1.25em" />

<telerik:EditorRealFontSize Value="1.5em" />

<telerik:EditorRealFontSize Value="1.75em" />

<telerik:EditorRealFontSize Value="2em" />

<telerik:EditorRealFontSize Value="2.25em" />

<telerik:EditorRealFontSize Value="2.5em" />

<telerik:EditorRealFontSize Value="2.75em" />

<telerik:EditorRealFontSize Value="3em" />

<telerik:EditorRealFontSize Value="3.25em" />

<telerik:EditorRealFontSize Value="3.5em" />

<telerik:EditorRealFontSize Value="3.75em" />

<telerik:EditorRealFontSize Value="4em" />

<telerik:EditorRealFontSize Value="4.25em" />

<telerik:EditorRealFontSize Value="4.5em" />

<telerik:EditorRealFontSize Value="4.75em" />

<telerik:EditorRealFontSize Value="5em" />

</RealFontSizes>

</telerik:RadEditor>

</center>

<div >

<asp:Button ID="btnUpdateAPEC" runat="server" CausesValidation="false" Text="Save"

CssClass="BtnLogin" ToolTip="Save" />

</div>

</asp:Panel>

3 Answers, 1 is accepted

answered on 01 Dec 2012, 01:24 PM

now its working ie 9,87 but in firefox not working, i set the css.
<style type="text/css">
        .Default.reDropDownBody
        {
            z-index: 20001 !important;
        }
        .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow
        {
            z-index: 20000 !important;
        }
        .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwInactiveWindow
        {
            z-index: 20000 !important;
        }
        .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwInactiveWindow
        {
            z-index: 20000 !important;
        }
    </style>

thanks,
Saravnan

answered on 03 Dec 2012, 01:52 PM

Hello Saravnan,

I tested the attached project editorinmodalpopupextender.zip in my post in the forum thread Link Manager Dialog with FireFox and verified that the solution works as expected in Firefox.

If you need further help open a support ticket and send a simple working project which demonstrates the issue.

Another approach is to use the solution provided in this KB article: Using browser modal dialog instead of RadWindow.

Best regards,
Rumen
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.