Aligning Data On Results Page

[JayGuarnieri]

Very new to Caspio so may be a silly question but I can't see a way to align the data on the results page. Instead of all data being left aligned next to the label would like to tidy it up. Cannot find anything in the forum or on 'how to'. Any advice appreciated.

[Jan]

Hello Bobsgoodeye,

 

Can I ask, what type of Result DataPage do you use? Tabular, List, Gallery?

[JayGuarnieri]

Hi, I'm referring to the Gallery results page. Maybe I'm missing something in the styles section but I can't see any way to format it.

[Jan]

As far as I know, you can edit alignment of the data in your Style.

 

Select the Results Page - List/Gallery Layout DataPage Element and then select the Data Cells Element Type.

 

If you want to edit only the data settings, you can edit the ".cbResultSetData" class on the Results Page - Data DataPage Element, the Source tab.

 

Please note, that changes will be applied to all DataPages that are assigned with the Style. So you can copy your style and work with the copy.

[AndyYee]

I am having a similar issue.  My datapage is a combined tabular/chart type.  In the results data grid, all values for text fields are aligning to the left. However, values for columns with a numerical data type are aligning to the right even though the column heading labels align to the left.  I would like to have all data grid values set to the same alignment as the data grid column labels.

 

I have looked in the DataPage wizard for some place to change this alignment setting for Results but am not seeing that option.  I have also checked in the Style itself for an option but not seeing anything.  Lastly I checked my CSS file, but nothing.  

 

Any help would be appreciated.

[AndyYee]

I just found the solution so wanted to post.  You have to edit the style that is selected for the data page.  Go to Table Layout, then to Element Type = Data Cells.  The grid showing the Element Types is very short, so you have to know to scroll down within that grid to see the Data Cells option.  Once selected, change the Alignment value under Layout Options.  

[autonumber]

Hi! To better visualize this, see the screenshot below. If you are using a Gallery DataPage, you can set the alignment of the data cells on styles as well as the their colors and fonts.

Also, if you would like to customize your DataPages, you can check the links below that will guide you to design your DataPages.

https://www.youtube.com/watch?v=DQJscbV5prE

https://www.youtube.com/watch?v=KxcEHFzk2o0

https://www.youtube.com/watch?v=Fzf0efn_B5s