Help:Infoboxes/editing

{|width="100%" style="border:2.8px solid #bca1a3; border-radius: 1em"
 * valign="top" width="50%" style="background: transparent; border: 3px; padding: .5em 1em; border-radius: 1em"|

Portable info-boxes can be edited in two basic ways: visually or via source editor mode.

The default Info-box Builder is used for basic info-box creation and visually editing an info-box. It is likely that more complex changes and customisation will require source edit mode.

Visual info-box editor
The Info-box Builder is the default editor for portable info-boxes. It loads when creating a new info-box template, or editing info-box templates without complex tags. To use it, you must also select the "Info-box" template classification when editing the info-box.

In the left side of the editor pane, there is a preview version of the info-box template. The right sidebar contains buttons for adding new items. Titles, headers, images and data rows are supported.

The info-box preview's items can be configured, by clicking on them and using the options pane in the right sidebar. The items can also be rearranged by dragging them around. To remove an item, click on it and use the trash can button on the left.

There are 4 types of item in the visual info-box editor. The following table provides their full information.

Info-box source edit mode
The source edit mode for info-boxes acts very similarly to the source edit mode for the general classic editor but you will see more XML tags used by portable info-boxes. The editor supports syntax highlighting.


 * For a detailed list of all the standard options available for portable info-boxes, including samples of wiki-text to use and their HTML output, see Help:Infoboxes/Tags.
 * For detailed information about how to use CSS to theme an info-box, including detailed guides, see Help:Infoboxes/CSS.
 * Portability Hub: Guides, examples, and personal mentoring for migrating, customising, and theming your info-boxes.