When looking at the way an article is set up, you can see that it consists of different parts: it will have a header, maybe a sub header, multiple paragraphs, perhaps one or more images with or without captions, and so on.
In a Digital article, each of these parts is represented by a 'component'. You will construct your story by adding all those components that your story needs using the Digital editor.
In this article here, we describe how to work with the components when they have been added to a Digital article.
When working with components, you can:
- Add or remove components
- Rearrange components
- Change components
- Control how a component should look and behave
To add a component, hover your mouse over an area between two existing components where you want to add the new component. Click the orange plus sign that appears. A Component window is shown containing various components, grouped by type. Find the component that you want to use and click it to add it to the article.
Figure: Adding a Slideshow component to the story.
To remove a component, hover the mouse over the component and click the Trash Can icon.
To move a component to a different position, click and hold it and then drag it to the position where you want to place it.
Sometimes a component of a certain type needs to be changed to a different type.
Step 1. Select the component or (when possible) place the cursor inside the component.
Step 2. Do one of the following:
- Access the Properties panel and from the Change Component list, choose a different component.
- Use a keyboard shortcut (requires Content Station 11.28 or higher). The available keyboard shortcuts are shown in the Change Component list in the Properties panel.
Note: The Change Component list in the Properties panel shows different components to choose from depending on the component type that you want to change. Keyboard shortcuts are defined by the system administrator as part of configuring Component Sets.
Figure: The Change Component option in the Properties panel.
Using the properties of a component, you can control how a component should look and how it should behave.
Properties that can be controlled include the order in which images in a slideshow appear, the alignment of an image, the style to apply, line spacing , and so on.
Setting the properties
To set the properties for a component, select it and click the Properties icon in the toolbar on the right.
Figure: A slideshow and its properties.
Applying a Style variant to a component
Info: This feature requires Content Station 11.5 or higher.
When a particular component for a particular output always needs to be styled in a particular way, a Style variant can be created for it.
A Style variant is a collection of style settings that are stored for repeated use. This makes it possible to apply these settings in one single action instead of having to set these manually.
To apply a Style variant to a component, simply choose it from the Style variant list in the Properties panel for that component.
Editing Interactive components
Info: This feature requires Content Station 11.6 or higher.
An Interactive component displays content that is hosted on the Internet somewhere, such as a Google Map, a video, a poll, a quiz, and so on, and also allows this content to be customized in the Digital editor.
Example: A basic Google Map could be made available to which one or more locations can be added, the map settings changed, and so on.
To edit an Interactive component, access the Properties for the component and under 'Configuration', click 'Edit'.
A window will appear in which you can change the settings for that component.
Info: This feature is only available for publishing to Apple News. The described option only appears when an Apple News channel has been set up.
Parallax scrolling can be added to each component in the Story. When enabled, it makes the component move at a different speed than the scroll speed of the Story itself, thereby creating an illusion of depth.
The pace at which the component moves can also be defined.
Enabling parallax scrolling and setting the pace can be done in the Apple News settings of the Properties panel for a component.
Figure: The Parallax scrolling options in the Apple News settings.
Note: To preview the parallax scrolling effect, publish the Story to Apple News and view it on a device.
- 27 December 2018: Updated section 'Changing components' by adding information about using a keyboard shortcut.