[Solved] Full screen hides "toggle button"

[saggiatorius]

Hi, when I click the "Toggle Full Screen" button, RadEditor expands so that the same "Toggle Full Screen" button at the botton become no more visible.

Can you help me?

Saggiatorius

[Schlurk]

Exactly how are you implementing the full screen tool? I've never used the tools on the bottom of the editor, always up top like in the demos. If you look at an editor demo the behavior that you are discussing does not occur, but I don't know how different it is from your implementation.

[saggiatorius]

The problem persists even if I put the "toggle full screen button" on top.
I mean that the lower part of RadEditor in full screen is covered by a short and page-wide table (it's like a banner) on bottom of the page.

My questions are:
- which html and aspx components RadEditor does decide to cover when it gets full screen?
- what criteria are used in order to get full screen?

This is the structure of my aspx:
...
<form>
 <table>
  <tbody>
   <tr></tr>
   <tr>
    <td>
     <table>
      <tr>
       <td>
        <table></table>
        <table></table>
        <table></table>
         <asp:Panel>
          <table>
           <tr>
            <td>
             <table>
              <tr></tr>
              <tr>
               <td></td>
               <td>
                <telerik:RadEditor><telerik:RadEditor>
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </asp:Panel>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </tbody>
 </table>
</form>


Thanks

[Rumen]

Hi Saggiatorius,

I was unable to reproduce the problem using the provided markup but this problem could be due to  absolutely positioned (style="position: absolute") elements, which appear over the editor in full screen mode. To fix the problem you should set position: static or hide (display:none) these elements when the editor is switched to full screen mode and after that  when it is toggled back to normal mode to set their position css property to absolute again, e.g.

<script type="text/javascript" language="javascript">
function OnClientCommandExecuting(editor, args)
 {
   var commandName = args.get_commandName();
   if (commandName == "ToggleScreenMode")
   {
         if (!editor.isFullScreen()) //if the editor is placed in fullscreen mode
         {
           alert("change the position property value to static");
            fullscreen = true;
         }
         else
         {
            alert("set the position property to absolute");
         }
   }
 }
 </script>
<telerik:RadEditor id="RadEditor1" Runat="server" OnClientCommandExecuting="OnClientCommandExecuting"></telerik:RadEditor>

If you are unable to solve the problem or your scenario is other, then open a support ticket and send a fully working project that demonstrates the problem. I will examine it and provide a solution.

Best 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.

[saggiatorius]

Thanks for your answer. I think I'll disable the full screen mode for now.

Massimo