Does Kendo UI Editor support full screen mode?

[Steve]

As topic. Thx in advance.

[Atanas Georgiev]

Hello Steve,

I believe you are looking for the example posted in this forum thread.

Regards,
Atanas Georgiev
Telerik

 

 

[Steve]

Thx for help. Atanas.

I got it work with the example u provide.
But how can i toggle editor from full screen to it original screen (different browser screen size may have different size of original screen)? Is there a way i can get original screen size?
At the moment, that example just set it back to fix size screen eg: width: 600, height: 400.
Thx in advance.

[Atanas Georgiev]

Hello Steve,

Before we can proceed with your technical questions, we will need more information about your current Kendo UI subscription. I have therefore involved a product specialist, who can help answer any licensing questions you might have.

If your company has already purchased a license from another account, please contact the license holder and ask them to add you as a licensed developer. If you need to purchase or renew your subscription, have a look at the most frequently asked questions (http://www.telerik.com/purchase/faq/devcraft) or post your questions here. Our product specialists will gladly assist you find a subscription that best fits your needs.

Once your account is associated with an active subscription, you can post your questions in a new support ticket or repost them here and we will reply within the guaranteed [24/48h] response time. On top of that, you will have access to the latest features and fixes within our products and you will have the ability to affect their roadmaps.

If you choose not to continue with a paid subscription, we will immensely appreciate your feedback on the reasoning behind your decision. This information would help us determine the show-stoppers that developers like you face and better address these in the future.


Regards,
Atanas Georgiev
Telerik

 

 

[Peter]

Hi. Atanas. We have transferred license from steve to me since steve is the director not developer of my company. [e-mail] was the one help us set this up. Pls double check with her.
Am i able to ask that question now?

[Atanas Georgiev]

Hello Peter,

To begin with, please accept my apologies for the misunderstanding with the licenses. It happened as the thread is logged from Steve’s account.

I am not completely sure what you are referring to by “original screen” and what is the expected result. Do you want to toggle from full screen to the editor with maximal width and fixed height , or you do not want to toggle at all – just have a full screen editor on any device (no matter the screen size). In both cases I believe that you can achieve the desired behavior by manipulating the style of the wrapper as in the example:

editor.wrapper.css({width: $("body").width(), height: $(document).height()});

Regards,
Atanas Georgiev
Telerik

 

 

[Peter]

That is all right. Atanas.
I should clarify my question.
From the example u provide, there is function like this.

function onFullScreen(){
         
        if(toggleFullScreen())
        {
          editor.wrapper.css({width: $("body").width(), height: $(document).height()});
        }else{
          editor.wrapper.css({width: 600, height: 400});
        }
      }

 

editor.wrapper.css({width: $("body").width(), height: $(document).height()}) will set editor to full screen. However,         editor.wrapper.css({width: 600, height: 400}) will set editor to fixed 600 width and 400 height.
I don't want to toggle back to fixed width and height.
Here is what i want editor.wrapper.css({width: editor's original width before full screen, height: editor's original height before full screen}). Is it possible?

[Atanas Georgiev]

Hello Peter,

The best thing I can think of is to store editor's dimensions before you toggle:

var editorWidth = $('#editor').width()
var editorHeight = $('#editor').height()

And you can apply them to the widget when you toggle back:

  editor.wrapper.css({width: editorWidth, height: editorHeight})


Regards,
Atanas Georgiev
Telerik

 

 

[Peter]

Thx. Atanas. U gave me idea. I figured it out.