Does Kendo UI Editor support full screen mode?

9 posts, 0 answers
  1. Steve
    Steve avatar
    2 posts
    Member since:
    Jun 2015

    Posted 16 Jun 2015 Link to this post

    As topic. Thx in advance.
  2. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 17 Jun 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Steve
    Steve avatar
    2 posts
    Member since:
    Jun 2015

    Posted 18 Jun 2015 in reply to Atanas Georgiev Link to this post

    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.

  5. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 19 Jun 2015 Link to this post

    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!
     
  6. Peter
    Peter avatar
    39 posts
    Member since:
    May 2015

    Posted 21 Jun 2015 in reply to Atanas Georgiev Link to this post

    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?

  7. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 22 Jun 2015 Link to this post

    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!
     
  8. Peter
    Peter avatar
    39 posts
    Member since:
    May 2015

    Posted 22 Jun 2015 in reply to Atanas Georgiev Link to this post

    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?

  9. Atanas Georgiev
    Admin
    Atanas Georgiev avatar
    126 posts

    Posted 23 Jun 2015 Link to this post

    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!
     
  10. Peter
    Peter avatar
    39 posts
    Member since:
    May 2015

    Posted 23 Jun 2015 in reply to Atanas Georgiev Link to this post

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

Back to Top
Kendo UI is VS 2017 Ready