Warning

This document hasn't been checked for compatibility with current versions of Plone. Use at your own risk.

Adjusting Kupu edit area size

by Mikko Ohtamaa — last modified Sep 04, 2012 02:59 PM
Kupu (Visual Editor) edit area size might be too big for pages containing several short rich text fields. This how to explains how to adjust the size per field.

Purpose

Adjusting Kupu editor frame size is not obvious in Plone. Kupu does not respect RichWidget's rows property. Because changing this value has no effect, the process might be confusing for new site developers.

Prerequisities

You need to be able to able your own CSS styles for the site. Either use ploneCustom.css or a skin specific CSS file.

Step by step

Archetypes tags each edit field with individual id. You can use this id to apply CSS styles on field, content or site wide manner.

#archetypes-fieldname-somefield iframe.kupu-editor-iframe {
  height: 200px;
  width: 100%;
}

Further information

See this discussion.


Contribute

Something wrong or out of date? Anybody can edit or create a new article in the knowledge base. Simply create an account on this site, log in, and click the Edit button to contribute.