More in this section
Forums / General Discussions / How to enlarge the size of text editor in modal

How to enlarge the size of text editor in modal

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
3 posts, 0 answered
  1. Ali
    Ali avatar
    7 posts
    03 Nov 2015
    17 Feb 2016
    Link to this post

    When adding a news item, the modal window containing the text editor is opened at a narrow width.

    We are using 1920 px wide screen. We would like to use the text editor spaciously. I couldn't find a way to overwrite the witdh of .sfContentBlocksDesignerWrp class which is stated in the dynamically created Telerik Library CSS file.

    The page containing the text editor seems to be /Sitefinity/Dialog/PropertyEditor page. Where is this file, that I can write a media style rule in this file to overwrite the width of that class. Or where can I find a CSS file that I can write a rule to overwrite the style again. There is no CSS file referred in this PropertyEditor page.



  2. Velizar Bishurov
    Velizar Bishurov avatar
    143 posts
    18 Sep 2017
    22 Feb 2016
    Link to this post

    One option for achieving this behavior would be to override the default template of the HtmlField and use some jQuery to change the size of the whole iFrame.

    Adding the following code at the bottom of the template should do the trick:

        setTimeout(function () {
            $('iframe').attr('style', 'width: 1500px; height: 439px; margin: 0px; padding: 0px;');
        }, 100)

    The default template for your version of Sitefinity can be found here:

    To instruct Sitefinity to use the custom template instead of the default one navigate to Administration -> Settings -> Advanced -> Controls -> View Map -> Create new:

    Telerik.Sitefinity.Web.UI.Fields.HtmlField, Telerik.Sitefinity
    LayoutTemplatePath: ~/CustomHtmlField.ascx (Relative path to the custom template)

    Velizar Bishurov
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
  3. Ali
    Ali avatar
    7 posts
    03 Nov 2015
    24 Feb 2016 in reply to Velizar Bishurov
    Link to this post

    Hi Velizar,

    Thank you for your explanations. I have done it by writing CSS rules in the HtmlField.ascx files like below:

    <style type="text/css">
                        .sfNewContentForm {
                            width: 1150px;
                        .sfNewContentForm .sfTxt{

    Of course it would be better to write it in media rules for the proper size.

    I dont't think it is a proper way to make this by javascript. CSS is more convenient.

    On the other hand, it was a bit hard to complete the procedures beacuse I didn't know which ascx file to edit. I have found it by searching it and spent so much time for this.

    Best regards.

    Erhan Saydam

3 posts, 0 answered