Using in a modal dialog in UI for ASP.NET AJAX Spell

Justin

6 posts

Member since:
Jul 2007

Posted 17 Sep 2008 Link to this post

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

Admin

859 posts

Posted 19 Sep 2008 Link to this post

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

6 posts

Member since:
Jul 2007

Posted 13 Oct 2008 Link to this post

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

Admin

859 posts

Posted 14 Oct 2008 Link to this post

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

3 posts

Member since:
Aug 2008

Posted 04 Nov 2008 Link to this post

Hi Telerik team

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

Justin

6 posts

Member since:
Jul 2007

Posted 04 Nov 2008 Link to this post

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

jc

3 posts

Member since:
Aug 2008

Posted 05 Nov 2008 Link to this post

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

Admin

1517 posts

Posted 10 Nov 2008 Link to this post

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

47 posts

Member since:
Sep 2006

Posted 10 Nov 2008 Link to this post

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

Admin

14011 posts

Posted 12 Nov 2008 Link to this post

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

6 posts

Member since:
Jul 2007

Posted 03 Feb 2009 Link to this post

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

Admin

14011 posts

Posted 06 Feb 2009 Link to this post

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.

default.zip

Justin

6 posts

Member since:
Jul 2007

Posted 06 Feb 2009 Link to this post

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

Admin

14011 posts

Posted 09 Feb 2009 Link to this post

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

6 posts

Member since:
Jul 2007

Posted 17 Mar 2009 Link to this post

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

125 posts

Member since:
Sep 2008

Posted 29 Mar 2009 Link to this post

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

Admin

2144 posts

Posted 30 Mar 2009 Link to this post

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

125 posts

Member since:
Sep 2008

Posted 30 Mar 2009 Link to this post

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

2008.2.1001.35

Tervel

Admin

1337 posts

Posted 30 Mar 2009 Link to this post

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.