Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
860
scroll bar not showing
posted

Hello,

After upgrading the WebHTMLEditor control from version 9 to 10.2, the scroll bar does not show and the text overflows outside the control. When I enter texts into the control, ideally, a scroll bar should appear if the text goes over the control height/width. However, instead of showing a scroll bar, the text shows outside of the control. I've attached the screenshot to show what I mean. Is there any way I can prevent that from happening and show a scroll bar instead? I look forward to your reply soon. Thank you in advance.

The following is the HTML markups I am using.

<ighedit:WebHtmlEditor ID="txtNoteContent" runat="server"
Height="500px"
Width="90%" TabIndex="9" Focus="False" UseLineBreak="True" 
RightClickBehavior="Nothing" SpellCheckerID="WebSpellChecker1">
<DropDownStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" />
<ProgressBar Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" ImageTimeout="6000" />
<Toolbar Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False">
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="DoubleSeparator" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Bold" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Italic" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Underline" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Cut" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Copy" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Paste" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Undo" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Redo" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="JustifyLeft" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="JustifyCenter" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="JustifyRight" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="JustifyFull" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="UnorderedList" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="OrderedList" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarDialogButton runat="server" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Type="FontColor">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" />
    </ighedit:ToolbarDialogButton>
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="Separator" />
    <ighedit:ToolbarDialogButton runat="server" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Type="FindReplace">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" InternalDialogType="FindReplace" />
    </ighedit:ToolbarDialogButton>
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="WordCount" />
    <ighedit:ToolbarButton runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="SpellCheck" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="RowSeparator" />
    <ighedit:ToolbarImage runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="DoubleSeparator" />
    <ighedit:ToolbarDropDown runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="FontName">
    </ighedit:ToolbarDropDown>
    <ighedit:ToolbarDropDown runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False" Type="FontSize">
    </ighedit:ToolbarDropDown>
</Toolbar>
<DownlevelTextArea Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" />
<RightClickMenu Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False">
    <ighedit:HtmlBoxMenuItem runat="server" Act="Cut" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" />
    </ighedit:HtmlBoxMenuItem>
    <ighedit:HtmlBoxMenuItem runat="server" Act="Copy" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" />
    </ighedit:HtmlBoxMenuItem>
    <ighedit:HtmlBoxMenuItem runat="server" Act="Paste" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" />
    </ighedit:HtmlBoxMenuItem>
    <ighedit:HtmlBoxMenuItem runat="server" Act="PasteHtml" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" />
    </ighedit:HtmlBoxMenuItem>
    <ighedit:HtmlBoxMenuItem runat="server" Act="CellProperties" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" InternalDialogType="CellProperties" />
    </ighedit:HtmlBoxMenuItem>
    <ighedit:HtmlBoxMenuItem runat="server" Act="TableProperties" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" InternalDialogType="ModifyTable" />
    </ighedit:HtmlBoxMenuItem>
    <ighedit:HtmlBoxMenuItem runat="server" Act="InsertImage" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False">
        <Dialog Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" />
    </ighedit:HtmlBoxMenuItem>
</RightClickMenu>
<TextWindow Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" />
<DownlevelLabel Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" />
<TabStrip Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" />
<ClientSideEvents AfterAction="txtNote_AfterAction" KeyDown="txtNote_KeyDown" 
    BeforeAction="txtNote_BeforeAction" Initialize="txtNoteContent_Initialize" />
</ighedit:WebHtmlEditor>

 

Parents
No Data
Reply
  • 860
    Offline posted

    Hello,

    FYI, I found a way to fix it. I had to modify the page DocType to the below in order for the scroll bars to appear in the upgraded control. Thanks.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

     

     

Children