Flexible Content Tile and Grid (App Grid)

Layout Variant: C047

Layout Variant: C048

Content Type: Collection

Aspect Ratio: 

• N/A

Expected Use:

Promotional, horizontal tile of single or multiple Emerson mobile app(s) where copy briefly explains app functionality and business purpose. App title and app icon identify each app. Body copy briefly explains app functionality and business purpose. Separate CTAs (from the teasable Items in the C047 component) display for each available app platform and are used to download app.

• The items in the C048 Collection should be "C047 App Tile" Collections.The items in the C047 Collection(s) should be teasable content (primary use case is an External Link to the Apple or Google app stores) with a URL link and an associated Picture of the logo.

There are two views (styles) for the layout. You can have a single app tile that is full width or you can have two or more tiles that are in a 2-across grid.

• Full-width view of single Emerson mobile app. These can be stacked vertically for comprehensive listing of all apps by creating multiple C048 components with a single C047 app tile Item in each C048 Collection. 
• 2-up grid listing of all available Emerson mobile apps. By adding two or more C047 Collections to the Items List of the C048 you can create a 2-across grid of app tiles with as many tiles as you wish to add.

Note: The C047 component is not designed to stand alone without being wrapped in the C048 component.

Building the C048 Component:

• Set Layout Variant to C048
• Teaser Title - this is an optional Title for the overall C048 Component. You may wish to exclude this if you are stacking multiple C048 components that have a single full-width App Tile. 
• There is no Teaser Text or CTA.
• Pictures and Media - there is no picture in the C048
• Items - include one or more C047 Collections in the items list 

Building the C047 Component:

For each app tile create a Collection with the Layout Variant C047.

• Teaser Title - the main label or name of the app
• Teaser Text - the body copy or  description of the app
• Picture and Media - this is usually the app icon that will be displayed on the mobile screen
• Items - add a teasable content item for each app store that you are linking to (eg. Google and Apple). The general use case is to simply create an external link with the URL of the app download and a Picture of the appropriate app store logo.
• CTAs - the links in the Items act as the CTAs for this component