There are two main ways to create articles for AEM Mobile apps.

  • Using HTML (responsive HTML)
  • Using InDesign (fixed layout)

If you create HTML articles, the content can flow to fill the screen regardless of device or platform, with no letterboxing.

If you create articles using InDesign, the articles are fixed to a certain layout, such as 768x1024 pixels. When displayed on a tablet or phone, the content is scaled and letterboxed as needed to fit within the area. 

Responsive HTML
In this HTML article, content reflows to adapt to the device dimensions.

Fixed HTML
In this fixed-layout article from InDesign, content designed for the tablet is scaled and letterboxed for the phone.

Creating responsive HTML content

You can use a number of different authoring methods, including Dreamweaver and Muse, to create HTML source files for AEM Mobile articles. For best results, use CSS media queries to enable responsive behavior. See Creating HTML articles for AEM Mobile.

Creating fixed layout content

You can use InDesign CS6 or later to create fixed-layout articles. In InDesign, create the layout, and then choose File > Export. You can then select the "Adobe Experience Manage Mobile Article" format to export an article file, which you can then upload. That article can then be viewed on any device, with scaling and letterboxing added as needed. For details, see Creating AEM Mobile articles in InDesign.

Using CMS to create articles

You can use Content Management Systems (CMS), such as Adobe Experience Manager (AEM), WordPress, and Drupal, to create HTML articles. For details, see Integrating third-party systems with AEM Mobile.