Fix the Width of Labels and Data in List and Gallery Reports

1 minute to read

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.

Edit the Style.
On the Define Style Settings screen, expand Results Page group and select Label from the group.
Click on Source tab and find “.cbResultSetLabel”. Add the following to this tag:
```
display: inline-block;
width: 70px;
```
Select Data from the Elements list and find “.cbResultSetData”. Add the following to this tag:
```
display: inline-block;
width: 100px;
```
Click Save 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 Report DataPage labels and data fields.