Support forums » Products » Cute Editor for .NET » Re: Any way to suppress the scroll bars in the Editor?

Re: Any way to suppress the scroll bars in the Editor?

  •  07-13-2010, 10:26 PM

    Re: Any way to suppress the scroll bars in the Editor?

    Reply Quote
    Hi Richard Schaefer,
     
    Below is the server side example
     
    1. <%@ Page Language="C#" %>   
    2.   
    3. <%@ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>   
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
    5.   
    6. <script runat="server">   
    7.     protected void show_Click(object sender, EventArgs e)   
    8.     {   
    9.         //you can put state.Value = "on"; in any server side method you need   
    10.         state.Value = "on";   
    11.     }   
    12.   
    13.     protected void hide_Click(object sender, EventArgs e)   
    14.     {   
    15.         //you can put state.Value = "off"; in any server side method you need   
    16.         state.Value = "off";   
    17.     }   
    18.   
    19. </script>   
    20.   
    21. <html xmlns="http://www.w3.org/1999/xhtml">   
    22. <head id="Head1" runat="server">   
    23.     <title>Untitled Page</title>   
    24. </head>   
    25. <body>   
    26.     <form id="form1" runat="server">   
    27.         <asp:HiddenField ID="state" runat="server" />   
    28.         <CE:Editor ID="editor1" runat="server">   
    29.         </CE:Editor>   
    30.         <asp:Button ID="show" runat="server" Text="show scroll bar" OnClick="show_Click" />   
    31.         <asp:Button ID="hide" runat="server" Text="hide scroll bar" OnClick="hide_Click" />   
    32.     </form>   
    33. </body>   
    34. </html>   
    35.   
    36. <script>         
    37. function CuteEditor_OnInitialized(editor)         
    38. {      
    39.     var state=document.getElementById("<%= state.ClientID %>");   
    40.     switch(state.value)   
    41.     {   
    42.         case "":   
    43.         scrollOff();   
    44.         break;   
    45.         case "on":   
    46.         scrollOn();    
    47.         break;   
    48.         case "off":   
    49.         scrollOff();    
    50.         break;   
    51.     }   
    52.        
    53. }         
    54. function scrollOn()      
    55. {      
    56.     var editor1 = document.getElementById("<%= editor1.ClientID %>");      
    57.     var editdoc = editor1.GetDocument();       
    58.     editdoc.body.style.overflow="";       
    59. }      
    60. function scrollOff()      
    61. {      
    62.     var editor1 = document.getElementById("<%= editor1.ClientID %>");      
    63.     var editdoc = editor1.GetDocument();       
    64.     editdoc.body.style.overflow="hidden";       
    65. }      
    66. </script>  
    Regards,
     
    Ken
View Complete Thread