How to fix the width of labels and data in List and Gallery reports?

Question:

Answer:

Aligning labels and data in List and Gallery reports can be achieved by setting their width in the DataPage Style to a fixed value.

Warning: Any modification of a Style Object instantly affects all the DataPages that utilize it. We recommend making a copy of the Style, applying it to your List or Gallery report, then modifying it as explained below.

1. "Edit" the Style and enable "Show advanced options (CSS Source)" on the first screen of the Style wizard.

2. Continue to the Settings screen. Expand Results Page group and select Label from the group.

3. Click on Source tab and find ".cbResultSetLabel". Add the following to this tag:

display: inline-block;
width: 70px;

4. Select Data from the Elements list and find ".cbResultSetData". Add the following to this tag:

display: inline-block;
width: 100px;

5. Click Finish to save your change.

The width values above are examples and should be change for your exact layout.

Note: Inline-block style should not be applied to Tabular DataPage labels and data fields.