The element is the basic piece of Opus. A simple block, a card, a tab, a timeline step: each carries a stack of elements, output in the order shown. Drag the handle to reorder them, use the eye to set one aside.
Text elements
| Element | What it places |
|---|---|
| Heading | A section heading. Its Heading level (h2, h3, h4 or Automatic) sets the page hierarchy, never the size: appearance belongs to the template. "Automatic" goes down one step when the page already shows its own title. |
| Subheading | A lead line, under a heading. |
| Text | A paragraph. Line breaks are kept, simple HTML is accepted, filtered like the body of an article. |
| Separator | Thin rule, Thick rule or Space only, to space two elements apart without drawing a line. |
| List | One line, one list item. Marker Bullets, Numbers or No marker, on one to three columns. For a link, write "The text | the address". Empty lines are ignored: you can paste existing text without cleaning it up. |
| Links | One line, one link, with Joomla's menu item picker: the safest way to build a table of contents. Shown as bullets, numbers, no marker or Tags. |
| Alert | An Information, Success, Warning or Error box, with a title and a text. Colour and icon come from the template. |
| Quote | Someone's words, and their Attribution, written under the quote. |
| Status | A coloured dot (green, amber, red, neutral) and a word: "Available", "In progress". Colour never carries the information alone: the word is written. |
Elements that make a point
| Element | What it places |
|---|---|
| Key points | Three to five points, each with a short heading and two or three sentences. Badge Numbered for steps, Dot for points of equal rank, or None. |
| Key figures | Three or four figures: the value, what it measures, and its optional source, which makes the figure checkable. Size Normal, Large or Huge; the label underneath or to the right ("€39 per year" for a price). Each part can take a colour or a class. |
| Bars | A share in per cent, the word that names it, and a bar whose length shows the share. Shape Bars or Rings, thin, normal or thick, with or without the number on the right. |
| Specifications | Specification / value pairs: Preparation, 30 min; Warranty, 2 years. For looking things up, where key figures are meant to strike. |
| Accordion | Panels with a title and a content. A panel without a title is not output; one panel open on load is enough, and often none. |
Image, button, contact details
- Image: chapter 5.
- Button: a list of buttons, chapter 5.1.
- Address: the organisation and the address, one line per line as on an envelope.
- Contact: phone, email and information (opening hours). The call link and the email link are worked out for you. Write the phone number in international form, +33 1 00 00 00 00, so that it works from abroad. Behind the cog, Labels sets the words Phone and Email before the details: shown, hidden on screen (still read by screen readers) or custom. A badly written email address is flagged before saving.
Changing the type of an element
Changing the type of an element keeps what was typed in the shared fields. An empty element, a button without a label, a point with neither heading nor text are not output: the What will be output panel shows it.
Each element brings only the settings of its type. When the type changes, the settings of the new type arrive in a brief moment (chapter 1, The light form).
Up to date for Opus 1.5.930.