Гледате помощното съдържание за версия:
- 6.4
- По-стари версии
Components are the fundamental elements of the AEM (Adobe Experience Manager) experience. You can use a number of components and add it to your channel in an AEM Screens project.
Whenever you create an AEM Screens project, you will see a list of default components that can be added to the project.
To view the default components to your Screens project, follow the steps below:
- Select the channel. For example, We.Retail In Store --> Channels --> Idle Channel.
- Click Edit from the action bar to open the AEM editor.
- Click the + icon from the side bar to open the components.
- All the components that are included by default in an AEM Screens project displays, as shown in the figure below.
AEM provides a number of other components. You can always add other components (not included by default) to your project, given that those are compatible with AEM Screens.
The following example shows the addition of a Livefyre component to a an AEM Screens project:
- Select the channel where you want to add a new component. For example, We.Retail In Store --> Channels --> Idle Channel.
- Click Edit from the action bar to open the editor.
- Select Design mode.
- Select the entire design editor on the right and click on the settings symbol to open the ParSys Design dialog box.
- You can select the components that you want to import to your AEM Screens project. The following example shows the the addition of Livefyre component to an AEM Screens project.
Бележка:
Similarly, you can add any number of other new components that are compatible with AEM Screens to your project.
Бележка:
To view the properties of any component, select the component and click on the hammer icon to open/view properties.
| Property | Description |
| Application Path | Select the absolute path where the application exists. |
| Duration (ms) | Select the duration of the application. By default, the duration is set to -1, that means the element runs forever (that is, single page application). Setting the duration value >0, shows the element for the specified duration and then moves on to the next one. |
The following example shows how to embedd an application component along with the preview of its properties:
Бележка:
Refer to the example above to view properties of each of the components below.
| Property | Description |
| Channel Path | Select this absolute path where the application exists. |
| Duration (ms) | Select the entire duration of the channel. Setting the duration as -1 indicates that the embedded channel will run its full length in a particular channel. |
An Embedded Page allows you to add an embedded page to your project. For example, it can be a web application or a product catalog.
| Property | Description |
| Page Path |
Select this absolute path where the channel exists. |
| Duration (ms) | Select the entire duration of the channel. Setting the duration as -1 indicates that the embedded channel will run its full length in a particular channel. |
Бележка:
Refer to Embedded Sequences under Authoring Screens section, to learn in detail about embedded sequences.
An Embedded Sequence allows you to add an embedded sequence channel inside your existing channel (with other assets).
| Property | Description |
| Channel Path | Select the absolute path of the sequence that you want to include in your channel. |
| Duration (ms) | Select the entire duration of the channel. Setting the duration as -1 indicates that the embedded channel will run its full length in a particular channel. |
| Strategy | Set it to original or single. Setting the value to original means that the subsequence will run fully on each cycle of the parent sequence. The other possible value is single and that would only show one item of the subsequence on each run (for instance, the 1st item on the first loop, 2nd item on the second loop, and so on.) |
A dynamic embedded sequence allows to add a sequence similar to the above mentioned except by channel role.
Refer to Embedded Sequences under Authoring Screens section, to learn in detail about embedded sequences.
| Property | Description |
| Channel Assignment Role |
Enter the channel role. |
| Duration (ms) | Select the entire duration of the channel. Setting the duration as -1 indicates that the embedded channel will run its full length in a particular channel. |
| Strategy | Set it to original or single. Setting the value to original means that the subsequence will run fully on each cycle of the parent sequence. The other possible value is single and that would only show one item of the subsequence on each run (for instance, the 1st item on the first loop, 2nd item on the second loop, and so on.) |
| Property | Description |
| Image | |
| Image Asset | Select the image asset. |
| Title | Title of the image. |
| Link To | Add a link to the image. |
| Description | Brief description for the image. |
| Size | Size of the image. |
| Accessibility | |
| Alternative Text | Alternative text to the image. |
| Sequence | |
| Duration | Select the entire duration of the image. Setting the duration as -1 indicates that the embedded image will run its full length in a particular channel. |
| Property | Description |
| Type | The type of the transition between the element before and the one after. It can be a fade effect, or a slide effect from the four slides of the screen. |
| Duration (ms) | Select the entire duration of the transition. Setting the duration as -1 indicates that the embedded transition will run its full length in a particular channel. |
| Property | Description |
| Video asset | Select the link to the video. |
| Duration | Select the duration of the video. By default, the duration is set to -1, that means the element runs forever. Setting the duration value >0, shows the element for the specified duration and then moves on to the next one. |
| Rendering | If the video aspect ratio does not fit the screen, you can adjust the rendering to either contain or cover. Contain means the full video is displayed and the missing areas are padded with a black border. Cover means the video covers the whole viewport, but some parts that overflow on the sides are hidden. |
| Size | Size of the video. |
Публикациите в Twitter™ и Facebook не попадат под клаузите на Creative Commons.