Help:Infoboxes/Editing

Infoboxes can be edited in two basic ways: visually or via source editor mode.

The default Infobox Builder is used for basic infobox creation and visually editing an infobox. It is likely that more complex changes and customization will require Infobox source edit mode.

Visual infobox editor
The Infobox Builder (located at Special:InfoboxBuilder) is the default editor for Portable Infoboxes. It loads when creating a new infobox template, or editing infobox templates without complex tags. To use it, you must also select the "Infobox" template classification when editing the infobox.

At the top of the editor pane is the name of your template. If you started with Special:InfoboxBuilder rather than the Visual Editor, it will say "Untitled Infobox Template" here. You may click on it and give it a name, or it will prompt you for a name when you attempt to publish the infobox.

On the left side of the editor pane, there is a preview of the infobox template. The sidebar on the right contains buttons for adding new items. Titles, headers, images, and data rows are supported.

The infobox 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 right.

There are 4 types of items in the visual infobox editor. The following table provides their full information.

Publishing your infobox
When you are satisfied that the infobox is organized the way you want it and has fields for all the data items and images it might display, click the Publish button in the upper-right corner. If you haven't given your infobox a name, it will prompt you to do so before it is published. Once published, you will see the template page for your new infobox. It will have an example of how to use the template in a Source editor and an empty infobox that will show only those fields that have default values (like the title if you selected that option).

Remember, infobox data fields are not displayed until they are given a value on an article page, and section headers will not display unless at least one of the data items in that section is visible. To see your infobox in action, add it to an article and give it some data and/or images to display. You may add an infobox using either the Visual Editor or one of the Source editors.

Infobox source edit mode
The source edit mode for infoboxes acts very similar to the source edit mode for the general classic editor. In either source editor, you will see the actual XML tags used by portable infoboxes and more complex infoboxes may be created. The source editor supports syntax highlighting.


 * For a detailed list of all the standard options available for portable infoboxes, including samples of wikitext to use and their HTML output, see Help:Infoboxes/Tags
 * For detailed information about how to use CSS to theme an infobox, including detailed guides, see Help:Infoboxes/CSS
 * Portability Hub: Guides, examples, and personal mentoring for migrating, customizing, and theming your infoboxes

de:Hilfe:Infoboxen/bearbeiten es:Ayuda:Infoboxes/editando fi:Ohje:Tietolaatikot/Muokkaaminen fr:Aide:Infoboxes/modification it:Aiuto:Infobox/Modifica nl:Help:Infoboxen/Bewerken pl:Pomoc:Infoboksy/edytowanie ru:Справка:Инфобоксы/редактирование tr:Yardım:Bilgi kutuları/düzenleme uk:Довідка:Інфобокси/редагування zh:Help:訊息框/編輯