When AEM instance is installed out-of-the-box, a selection of components are immediately available in the components browser (touch-optimized UI) and sidekick (classic UI).
In addition to these, various other components are also available. You can use Design mode to Enable/disable such components. When enabled and located on your page you can then use Design mode to configure aspects of the component design by editing the attribute parameters.
Care must be taken when editing these components. The design settings are often an integral part of the design of the entire website, so they should only be changed by someone with the appropriate privileges (and experience), often an administrator or developer. See Developing Components for more information.
This actually involves adding, or removing, the components allowed in the paragraph system for the page. The paragraph system (parsys) is a compound component that contains all other paragraph components. The paragraph system allows authors to add components of different types to a page as it contains all other paragraph components. Each paragraph type is represented as a component.
For example, the content of a product page may contain a paragraph system holding the following:
- An image of the product (in the form of an image or textimage paragraph)
- The product description (as a text paragraph)
- A table with technical data (as a table paragraph)
- A form users fill out (as a forms begin, forms element, and forms end paragraph)
In Design mode, the sidekick is minimized and you have the possibility to configure the components accessible for authoring:
In Design mode, you can also configure attributes for the individual components. Each component has its own parameters, the following example shows the Image component: