This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.
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
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>
Where I can find docs on new classes for backend layout? Or only way to figure it out, is going to backend less files?
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.
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
1-6 of 6