Adjusting Kupu edit area size

by Mikko Ohtamaa — last modified Dec 30, 2008 03:03 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.