Using in a modal dialog

[Justin]

I have an app where I use the MS Ajax ModalPopupExtender to show a text box. I need that text box to have spell checking. When I add the RadSpell and click on the button, the spell checker is behind my modal pop up. Any way to get around this?

[George]

Hi Justin,

You may try changing RadSpell's z-index so that to be shown over the modal pop-up, or decrease the modal pop-up's one. For more information please review the following article: http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html

I hope this helps.

Sincerely,
George
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Justin]

That did not work.

I found this post, http://www.telerik.com/community/forums/thread/b311D-hbtbg.aspx#360421  but how can I do the same with the spell checker and the ajax modal dialog?

Thanks

[George]

Hi Justin,

Please open a support ticket and send us a sample runnable project where the problem can be observed. We will examine it locally and do our best to provide a solution.


All the best,
George
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[jc]

Hi Telerik team

Were you able to come up with a work-around to this problem? I am also having this issue.  Thanks

[Justin]

I have to send them a sample project showing my problem, but I still have it and no workarounds have been posted.

[jc]

Hi there,

Can anybody from Telerik please help with this?  I need to implement this with a modal popup extender -- Could you please tell me how to modify the z-index to render the spell check pop above the modal popup extender?

Thanks

[Tsvetie]

Hi jc,
As George mentioned, the problem is that the z-index of the ModalPopupExtender (z-index=10000) is greater than the z-index of the RadWindow (z-index=3000). The easiest way to increase the z-index of the RadWindow which the RadSpell control uses, is to add the following style definition to the HEAD of your page:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <style type="text/css">
    #RadWindowWrapper_<%= RadSpell1.ClientID %>dialogOpenerSpellCheckDialog
    {
        z-index:20000 !important;
    }
    </style>
</telerik:RadCodeBlock>

, where 'RadSpell1' is the ID of your RadSpell control:

<telerik:radspell id="RadSpell1" runat="server"

Sincerely yours,
Tsvetie
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Jun]

Same problem here. I have a modal radwindow with textbox and spellchecker button in it. I want to show the spellchecker dialog box on top of the modal radwindow rather than inside. UseClassicDialogs property was there in radspell classic but not in radspell ajax. Please reply.

[Rumen]

Hi Bembol,

We implemented for the latest Q3 2008 release a new set_useClassicDialogs(true) client method for RadEditor for ASP.NET AJAX, which configure the editor's managers to use the browser modal dialogs, e.g.

<script type="text/javascript">
function OnClientLoad(editor)
{
    editor.set_useClassicDialogs(true);
}
</script>
<telerik:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad"  runat="server"></telerik:RadEditor>

Currently RadSpell does not offer this method, but I logged your request in our ToDo list and we will consider adding it in one of the next control's updates.


Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Justin]

Any updates on this problem? I still get the same issue.

Open the spellchecker from a Microsoft Ajax Modal PopupExtender the Spell Check is behind the dialog

Tried this in my code

 #RadWindowWrapper_<%= RadSpell1.ClientID %>dialogOpenerSpellCheckDialog  

    {  

        z-index:20000 !important;  

    } 

    #Master_cntplhMainContent_Master_cntplhMainContent_RadSpell1dialogOpener_Window

    {

     z-index:20000 !important;  

    } 

    

    #Master_cntplhMainContent_Master_cntplhMainContent_RadSpell1dialogOpener

    {

     z-index:20000 !important;  

    }

[Rumen]

Hi Justin,

I was able to solve the problem by setting the following class:

<style type="text/css">
.radwindow.radwindow_Default.normalwindow.transparentwindow
{
 z-index:13000 !important;
}
</style>

For your convenience I have attached my test page.

All the best,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Justin]

Your sample works, but when I put the code in my site, it does not. I suspect that is due to using a master page. 

Any advice.

[Rumen]

Hello Justin,

Could you please, open a support ticket and send a sample working project that demonstrates the problem? Once I recreate the problem on my side, I will provide a solution.

Kind regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Justin]

I have sumbitted a support ticket: 198015  along with sample code.

The only difference is to have the modal and radspell on a content page instead of a regular asp.net page.

Thank you

[Andrew]

is this still the case? as mentioned above?

Currently RadSpell does not offer this method, but I logged your request in our ToDo list and we will consider adding it in one of the next control's updates.

in regards to 

set_useClassicDialogs(true);

[Lini]

Hi Andrew,

The classic dialog property has been included for the spell control in the current release. You can use the same approach as the editor to activate it:

<script type="text/javascript">
function OnClientLoad(spell)
{
    spell.set_useClassicDialogs(true);
}
</script>

<telerik:RadSpell ID="sp1" runat="Server" ControlToCheck="..." OnClientLoad="OnClientLoad" />

Best wishes,
Lini
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Andrew]

ok, thanks but can I verify what current release version? we are running 

2008.2.1001.35

[Tervel]

Hello Andrew,

Current version is Q1 2009 with DLL version 2009.1.311.

Regards,
Tervel
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.