Set the height of page elements

The height option allows you to specify the height for certain page elements to suit different viewer display choices. You can set the height as auto, which has the browser calculates the height or specify a custom height in pixels. Once the height of an element is set, it will remain fixed no matter the length of its content. In the case of embedded forms and reports, you can scroll through their content. 

• Set height for embedded components
• Set height for panel elements 

Set height for embedded form, embedded report, and embed component

1. Edit your application.
2. Select the required page, then open the page builder.
3. Click to select the embedded form or report in your page.
4. Click the height fill (double-sided arrow) icon in the toolbar in the header area of the page builder.
   
5. Check the required option, either Auto or Custom. If you choose Custom, specify the height in pixels.
6. In the case of embed component, you can specify the height and width in the relevant boxes.
   ​

Set height for panels, snippets, and buttons (includes embedded forms and reports as buttons)

1. Edit your application.
2. Select the required page, then open the page builder.
3. Double-click the element you want to configure. You can also click to select the required element, then click the Configure option in the toolbar at the top-center of the page builder.
4. The Panel Configuration pane will slide in from the right. This pane has two tabs — Design and Code.
5. Click the Code tab and specify the height as auto, fill, or in % for the panel element. The preview of the panel will be adjusted accordingly. Below is an image of the Code tab of a panel element. ​