Vaatate praegu abisisu järgmise versiooni jaoks::

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. 

Märkus.

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)

Märkus.

See Developing Components and Guidelines for Using Templates and Components for more information about parsys.

Touch-Optimized UI

Enable/Disable Components - Touch-Optimized UI

To either enable or disable a component:

  1. Select the Design mode:

    chlImage_1
  2. Tap or click on a component (with a blue border):

    chlImage_1
  3. Use the Parent icon:

    chlImage_1

    This will select the paragraph system containing the current component.

  4. The Configure icon for the paragraph system will be shown:

    chlImage_1

    Select this to show the dialog.

  5. Use the dialog to define the components available in the components browser when editing the current page:

    chlImage_1

    You define the configuration per page component. If child pages use the same template and/or page component (usually aligned), then the same configuration will be applied to the corresponding paragraph system.

  6. Select OK to save your configuration.

Configuring the Design of a Component - Touch-Optimized UI

  1. Select the Design mode:

    chlImage_1
  2. Tap or click on a component with a blue border. For example, an Image component:

    chlImage_1
  3. Use the Configure icon to open the dialog, where you can configure the component according to the design parameters avalable. For example, the design settings for an Image component:

    chlImage_1

Classic UI

Enable/Disable Components - Classic UI

In Design mode, the sidekick is minimized and you have the possibility to configure the components accessible for authoring:

  1. To enter Design mode, open a page for editing (Classic UI) and use the Sidekick icon:

    chlImage_1

    Hoiatus.

    Design mode is only available in the classic UI.

  2. Click Edit on the Paragraph system (Design of par); for example:

    Screen Shot 2012-02-08 at 10.27.26 AM
  3. A dialog will be opened, listing the component groups that are shown in the Sidekick together with the individual components that they contain.

    Select as required to add, or remove, the components that are available in the side panel (touch-optimized UI) and/or sidekick (classic UI):

  4. The Sidekick minimizes in Design mode. By clicking on the arrow you can maximize the Sidekick and return to Edit Mode:

    sidekick-collapsed

Configuring the Design of a Component - Classic UI

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:

  1. To enter Design mode, open a page for editing (Classic UI) and use the Sidekick icon:

    chlImage_1

    Hoiatus.

    Design mode is only available in the classic UI.

  2. You can configure the design of components.

    For example, if you click Edit on the Image component (Design of image) you can configure the component specific parameters:

    chlImage_1
  3. Click OK to save your changes.

  4. The Sidekick minimizes in Design mode. By clicking on the arrow you can maximize the Sidekick and return to Edit Mode:

    sidekick-collapsed

See töö on litsentseeritud Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported litsentsiga  Süsteemi Creative Commons tingimused ei kehti Twitter™-i ja Facebooki postitustele.

Juriidilised märkused   |   Privaatsuspõhimõtted veebis