Logo Help Center

Working with Digital article components in Content Station Aurora

Working with the components of a Digital article in Content Station Aurora

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 Story components of a Digital article.

Note: For detailed information about each component, see The components of a Digital article in Content Station Aurora.

When working with components, you can:

  • Add or remove components
  • Rearrange components
  • Control how a component should look and behave

Adding components

To add a component, hover your mouse over an area between two existing components until you see n orange plus sign appear. Click it and choose the component that you want to add from the window that appears.

Adding a component

Figure: Adding a Slideshow component to the story.

Removing components

To remove a component, hover the mouse over the component and click the Trash Can icon.

Removing a component

Rearranging components

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.

Controlling how a component should look and behave

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.

A filled slideshow component

Figure: A slideshow and its properties.

Changing the component type

When you have added a component of a certain type (for example an image) and you want to change it to another type (for example a slideshow), use the Change Component option in the Properties panel.

You will see different components to choose from depending on the component type that you want to change.

Example: You can turn a body text component into an image (the text will be used as the caption), but you cannot turn an image into a body text component.

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.

Choosing a Style variant

Adding parallax scrolling to components

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.

The Parallel scrolling options

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.

Document history

  • 7 February 2018: Changed the title of section 'Setting properties for the component' to 'Defining the styling of a component'.
  • 7 February 2018: Added section 'Assigning a Style variant to a component'.
Was this article helpful?
0 out of 0 found this helpful / Created: / Updated:
Have more questions? Submit a request


Please sign in to leave a comment.