[Solved] ShowOnFocus problem

[Jim]

When I use ShowOnFocus with an Editor, everything on the page (except the focused editor) is disabled (and grey) as soon I click on an editor.  It is similar to what you see with a modal RadWindow.  Then if I click on the toolbar, the toolbar disappears and the entire page is disabled.

The Telerik demo program compiles and works fine, and when I transfer my settings from the non-working program into the demo program, it still works fine.

Can anyone suggest where the problem might lie?

[Rumen]

Hello James,

Unfortunately, we are not aware of this weird problem and without a sample working project or steps to reproduce we will be unable to help you. Could you please, check whether you are using the latest version and see the css on your page? Do you get any javascript errors on the page with the editor?

Kind regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jim]

Thanks.  I'll send it.  There are no javascript errors.

[Jeff Van Dyk]

We are seeing this happening as well. Was there a solution found for this problem?

[Jeff Van Dyk]

I think I've figured out why this is happening but unfortunately I do not know how to fix it.

It seems that the ShowOnFocus makes use of the RadWindow to show the toolbar.  In my case I am also using a Skin file in my App_Themes folder that sets Modal=true on RadWindows.  This is causing a modal overlay to be displayed when the toolbar is shown.

I have not found a way to make the Toolbar RadWindow non-modal while still maintaining the setting in my skin file.  The best I can come up with as a workaround is to set a style:

.TelerikModalOverlay

 

{

 

    display:none;

 

}

Unfortunately, this means that any other windows that are diplayed on this page will not be modal. 

I would like to be able to ensure that the RadWindow used for the toolbar is non-modal while keeping the rest of the windows modal.

[Tervel]

Hello Jeff,

Please try the following:

1. Attach to the OnClientLoad client-event handler of RadEditor
<telerik:RadEditor OnClientLoad="OnClientLoad " ../>

2. In the function try the following:
function OnClientLoad(editor)
{
   var wnd = editor.get_toolAdapter().get_window();
   wnd.set_modal(false);
}


Alternatively, when using ASP.NET Themes, the SkinID property allows for fine-tuning the configuration of a control. In this case it might be better to take advantage of this and set your RadWindow objects to  a SkinID that makes them modal, rather than forcing all RadWindow instances (including the ones used for the RadEditor dialogs) to be modal.

Best regards,
Tervel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.