toggle fullscreen mode

2 posts, 0 answers
  1. Patrick
    Patrick avatar
    10 posts
    Member since:
    Jun 2014

    Posted 05 Jul 2014 Link to this post

    I have a fixed position div on my page that sets at the top of the screen always.  When I click "toggle fullscreen" from the rad editor the editor sits behind this div and the toolbar can't see seen.  Surprising cuteeditor handled this fine.  Any help with this would be super

    Thanks
    -Pat
  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 08 Jul 2014 Link to this post

    Hello Pat,

    Thank you for bringing this issue to our attention.

    The RadEditor should appear above these elements by itself, although this appears to be broken. The initial logged item about this behavior is related to an integration with the RadGrid, although it is the same with the scenario encountered on your end.

    You can follow this feedback portal item for further updates. 

    As a temporary fix I suggest using the second workaround. The one that changes the position and the z-index of the RadEditor when toggled to full screen.

    You can test the behavior of the fix in the exact scenario using the following simple markup:
    <div style="position:fixed; top:0; left:0; width:100px; height:100px; background-color:red;"></div>
    <telerik:RadEditor runat="server" ID="RE1" OnClientCommandExecuted="OnClientCommandExecuted">
    </telerik:RadEditor>
     
    <script type="text/javascript">
        function OnClientCommandExecuted(editor, args) {
            if (args.get_commandName() === "ToggleScreenMode") {
                var editorElement = editor.get_element();
                if (editor.isFullScreen()) {
                    editorElement.style.position = "absolute";
                    editorElement.style.zIndex = "100000";
                } else {
                    editorElement.style.position = "";
                    editorElement.style.zIndex = "";
                }
            }
        }
    </script>


    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top