Making an HTML Composer Page Mobile

The following procedures describe how to make an HTML Composer page mobile and how to make the HTML Composer page autosize.

Procedure: How to Make an HTML Composer Page Mobile

Open the HTML Composer page in the HTML Canvas, as shown in the following image.
In the Miscellaneous section of the Properties panel, set the Enable mobile property for the Document object to Yes, as shown in the following image.
Right-click the canvas and select Show Mobile Layout, as shown in the following image.

A preview of the mobile design displays in the canvas.

The following images show the mobile design for each of the pages (parameter, report, and chart).

Mobile Design of the Parameter Page in the HTML Canvas

Mobile Design of the Report Page in the HTML Canvas

Mobile Design of the Chart Page in the HTML Canvas

Procedure: How to Make an HTML Composer Page Autosize

Open the HTML Composer page in the HTML Canvas.
For any container that should autosize, select the container, and in the Miscellaneous section of the Properties panel, set the Autosize Children property to Yes, as shown in the following image.
For the objects inside the container that should autosize, select those objects, and in the Core attributes section of the Properties panel, set the Autosize options property to something other than Keep size and position, as shown in the following image. You can use Keep size to allow the position to change, Keep position to allow the size to change, or Accept any changes to allow the size and position to change. Note that this is an iterative process for each container object and its child object.

For a multipage container, like a tab, window, or accordion, Autosize Children is a per-page property, so some pages can autosize and others cannot. This property is in the Window/Tab/Accordion attributes section of the Properties panel and is called Selected Page: Autosize Children.

Note: You can also enable both mobile and autosize by following the steps for both options.