I have a web page with WebHtmlEditor (of the Infragistics with version 10.3.20103). It work fine with browser IE7 but was not showing the scrollbar when the content is more than the window height.
To fix the issue we can set the CSS style of the TextWindow ( the content editor of the control). Select the WebHtmlEditor control and in properties window under the 'TextWindow' set the 'CssClass' to your own css class. In this example I wrote one class - 'infrWebEditor'.
Identified that when you use the properties window, Visual Studio is generating all the other property tags and was taking time while opening in design mode, instead of setting in the properties window you can copy the below tag in between the <ighedit:WebHtmlEditor> tags -
<TextWindow CssClass="infrWebEditor"/>
And my CSS Class contains the property 'overflow' set to 'auto'. (you can write your own properties to set the control to look as you want).
.infrWebEditor{
overflow:auto;
}
And the end result is -
Happy coding.... :-)
To fix the issue we can set the CSS style of the TextWindow ( the content editor of the control). Select the WebHtmlEditor control and in properties window under the 'TextWindow' set the 'CssClass' to your own css class. In this example I wrote one class - 'infrWebEditor'.
Identified that when you use the properties window, Visual Studio is generating all the other property tags and was taking time while opening in design mode, instead of setting in the properties window you can copy the below tag in between the <ighedit:WebHtmlEditor> tags -
<TextWindow CssClass="infrWebEditor"/>
And my CSS Class contains the property 'overflow' set to 'auto'. (you can write your own properties to set the control to look as you want).
.infrWebEditor{
overflow:auto;
}
And the end result is -
Happy coding.... :-)
This was very helpful. Thank you for sharing!
ReplyDeleteHi,
ReplyDeleteThank you very much for posting this solution.
This solution addressed the issue I was investigating.
The only thing I have noticed is there is a blank white bar at the bottom of the TextWindow and the "Design"/"HTML" view toggles.
How is this removed?
I found my answer.
DeleteFor the page's Page_Load method, I do the following for the WebHtmlEditor:
edtHtmlContent.TextWindow.Style["height"] = "100%";
The "edtHtmlContent" is the name of the "" element.