This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.

adovbos14017
adovbos14017

How to make a height for richeditor 100%? Cause stretch: true not working, it's overlaying buttons by making rich editor 100% of full page height, so all height of content above + richeditor height of full page makes mess

daftspunky
daftspunky

This depends on the HTML tags that are wrapping the form widget. In v2.0 there are flex classes that can help with this. Here is an example:

<div class="flex-layout-row full-height">
    <div class="flex-layout-column">
        <div class="flex-layout-item">
            Buttons
        </div>

        <div class="flex-layout-item stretch">
            <?= $this->formRender() ?>
        </div>
    </div>
</div>
adovbos14017
adovbos14017

Where I can find docs on new classes for backend layout? Or only way to figure it out, is going to backend less files?

adovbos14017
adovbos14017

changed wrapper of the form widget to:

<?= Form::open(['class' => 'flex-layout-column full-height']) ?>

<div class="flex-layout-item stretch">
    <?= $this->formRender() ?>
</div>

<div class="form-buttons">
    <div class="loading-indicator-container">
      Buttons
    </div>
</div>
<?= Form::close() ?>

And buttons stick to bottom as they should, but rich editor now is same size as it is without stretch parameter. So that's issue of form widget, so the solution is to rewrite rich editor render template which is so lame, cause october cms always was really friendly to devs of plugins.

daftspunky
daftspunky

This is just CSS and can have multiple solutions. The standard templates that come with October do allow for this. The rich editor will stretch when "stretch" mode is on, but the container can restrict this. Using CSS to make the container stretch is all that is needed

We plan on providing better documentation for these classes

Last updated

adovbos14017

1-6 of 6

You cannot edit posts or make replies: the forum has moved to talk.octobercms.com.