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

[Solved] RadEditor Toolbar Close(X) button doesn't work sometimes.

10 Answers 157 Views

Editor

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

10 Answers, 1 is accepted

answered on 18 Dec 2009, 11:12 AM

Hi Praveen,

You can display an image until the ToggleScreenMode command is executed in the OnClientCommandExecuting event and after that hide it when the command is executed in the OnClientCommandExecuted event, e.g.

<img id="ajaxImg" style="display:none;position:absolute;top:300px;left:300px;" src=

"http://demos.telerik.com/aspnet-ajax/WebResource.axd?d=Q2bHfyFEMhQjm7obE-a7IyOO0qKJTp-joSTpWELa_2CTq_UP0Gfr4Kzxswv-Wr9t0cixb3Gt8PMJg1fkyBVSRQ2&t=633958582850000000"

/>

<telerik:RadEditor ID="RadEditor1" OnClientCommandExecuting="OnClientCommandExecuting" OnClientCommandExecuted="OnClientCommandExecuted" runat="server" ToolbarMode="Floating">

</telerik:RadEditor>

<script type="text/javascript">

var image = $get("ajaxImg");

function OnClientCommandExecuting(editor, args) {

//The command name

var commandName = args.get_commandName();

if (commandName == "ToggleScreenMode") {

image.style.display = "";

}

function OnClientCommandExecuted(editor, args) {

//The command name

var commandName = args.get_commandName();

if (commandName == "ToggleScreenMode") {

setTimeout(function() {

image.style.display = "none";

}, 1000);

}

</script>

Kind regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 21 Dec 2009, 10:06 AM

Thanks Rumen but Loading image is displayed after ToggleScreenMode command executed. If I put alert then alert is working fine but no image is displayed at that time.

function OnClientCommandExecuting(editor, args) {

//The command name

var commandName = args.get_commandName();

if (commandName == "ToggleScreenMode"

) {

                alert('loading..');

image.style.display = "";

}

Please verify the same.

answered on 21 Dec 2009, 01:21 PM

Hi Praveen,

When you toggle RadEditor in FullScreen mode then it sets style="overflow:visible;" to all its parent elements. If the editor is nested inside multiple controls it is an expected behavior to take more time to switch to this mode. If you would like you can open another editor in FullScreen mode as it is shown in this KB article: Different Set Of Tools When Switching To Full Screen Mode.

Sincerely,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 21 Dec 2009, 01:37 PM

showimagewhengoingtofullscreenmode.zip

showimagewhenswitchingtofullscreen-project.zip

Hi Praveen,

As to the loading image: This solution works without problems on my side even without the alert function. For your convenience I have attached my test project and video demonstrating my test.

Regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 21 Dec 2009, 03:24 PM

Hi Rumen,

The video and project that you sent does meet my requirement, actually there is problem in the events occurrence, the processing screen comes after the full screen mode, but ideally it should be immediately when i click on the toggle full screen button. In my case when i click the toggle fullscreen button then it usually takes more than 5 seconds and no processing image appears at that time, but appear after full screen mode just like your video.

I have also recorded the video, please let me know where to upload.

Thanks
Praveen