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

Does Kendo UI Editor support full screen mode?

8 Answers 124 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Steve
Top achievements
Rank 1
Steve asked on 16 Jun 2015, 06:03 AM
As topic. Thx in advance.

8 Answers, 1 is accepted

Sort by
0
Atanas Georgiev
Telerik team
answered on 17 Jun 2015, 07:20 AM
Hello Steve,

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

Regards,
Atanas Georgiev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Steve
Top achievements
Rank 1
answered on 18 Jun 2015, 05:14 AM

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.

0
Atanas Georgiev
Telerik team
answered on 19 Jun 2015, 01:48 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Peter
Top achievements
Rank 1
answered on 22 Jun 2015, 12:44 AM

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

0
Atanas Georgiev
Telerik team
answered on 22 Jun 2015, 07:53 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Peter
Top achievements
Rank 1
answered on 22 Jun 2015, 10:50 PM

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?

0
Atanas Georgiev
Telerik team
answered on 23 Jun 2015, 11:08 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Peter
Top achievements
Rank 1
answered on 24 Jun 2015, 12:23 AM

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

Tags
Editor
Asked by
Steve
Top achievements
Rank 1
Answers by
Atanas Georgiev
Telerik team
Steve
Top achievements
Rank 1
Peter
Top achievements
Rank 1
Share this question
or