Designer elements for authoring

IBM® Analytics Content Hub provides different elements that you can use to create applications.

You can access these elements by clicking the Elements icon in the Analytics Content Hub Designer. The Elements menu contains four sections: Layout, Content, Actions, and Annotate.

All elements have a short description that you can find in the Designer.

Important: Each application must contain at least one Layout element that acts as a container for other elements. If the application has no container, the other element types are not visible.

Element name	Description
Grid	A Grid is a layout element that you can easily resize based on the screen size. It helps with creating responsive designs and provides lines that assist with aligning other elements. Each application has a grid layout by default.
Canvas	Use the Canvas layout when the application size is set to a specific value. It aligns elements based on pixels, and it is not responsive when the screen size changes. It does not provide grid lines.
Embedded viewer	The Embedded viewer elements displays content from other content systems, for example PowerBI dashboards, Tableau reports, or Microsoft Excel files.
File explorer	Use File explorer to browse through content that you want to add to your application. You can configure the File explorer to display a single collection of content, or multiple collections.
Content lane	The Content lane element displays content from a folder or a predefined collection of objects, for example: favorites, trending, liked, recommendations, new content, and other suggestions.
Text	You can use the Text element to insert text in your applications. Text elements can include simple sentences, links, and lists. They also support dynamic values.
Video	Use the Video element to embed videos from streaming services by providing a URL link. You can configure the video settings, such as auto-play, loop, and even muting the sound.
Web page	Use the Web page element to web pages by providing a URL link. Note: If the page does not display in your application, the external web page might not allow embedding their content elsewhere.
Embed Twitter	The Embedded Twitter elements support inserting tweets into your application. Important: Tweets are dynamic objects and the displayed content might change frequently. Always make sure that they are appropriate for professional environment.
Slider	The Slider element automatically scrolls through different content types. For example, a slider can contain a report from IBM Cognos® Analytics on one panel and a Tableau workbook on the second one. You can configure the time that it takes to scroll through the panels. If you want the scrolling to stop, hover over the slider. Tip: Use sliders to display multiple KPIs.
Search bar	Use the Search bar element to add a search box to your application. When you start typing into the search box, a search page shows matching results. Tip: If you enable the header search bar, you can access it from any page and not just the ones that contain the Search bar element.
Image	The Image element displays images. Images can also act as actionable objects for opening URLs or reports. You can configure image properties, for example: blur, opacity, and brightness.
Link	Use the Link elements for navigation between pages. You can add a tooltip if the link text is not descriptive enough.
Button	The Button element is almost identical to the Link element, but it does not take the entire container space. You can add text and icons to a button.
Icon	The Icon element is almost identical to the Button element, but it is more rounded and can contain only an icon.
Flyout button	The Flyout button element provides contextual information for other elements. They act as a page within a page. For example, you can use it in a conjunction with a button to download a report, where the flyout is an image preview or an embedded copy of the report.
Line, Arrow, Ellipse, and Rectangle	Use these elements for annotations and highlighting elements inside the application.