Tabular report colum widths

[dmyoungsal]

nnot find what specific DP Element to change to get the column width become narrower.I have a tabular report that is giving me the data i need, but the overall column headers are WAY TO BIG. I created a Style that I want to use for DP reports (so it is separate from the one used for DP forms). My problem, is I cannot figure what element to edit to narrow down the column widths.

[JolliBeng]

Hi dmyoungsal,

You can modify the field width under your DataPage. Go to your Configure Results Page > Select Field > Advanced tab then set the width. You may refer to this screenshot: 

-JolliBeng

[cheonsa]

Hi @dmyoungsal,

 

You can also change the width of your Tabular Report on the Style Tab.

Edit the Style you are using for that DataPage.  Choose Table Layout under Results Page then look for Data Cells. Indicate the Cell width based on what you prefer.

 

You can try to preview it to see the changes. 

 

Hope this helps.

 

Regards,

kristina

[dmyoungsal]

thank you

[GoodBoy]

Hi. If you want to set the width of your tabular report to 100% or less, you can use this this JavaScript code. J

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
document.querySelector(".cbResultSetTable").style.width = "70%"
});
</script>

 

[RuisiHansamu]

There is a step by step guide as well here in the Caspio article: https://howto.caspio.com/styles/fix-the-width-of-the-datapage/ 

This is much clearer but your answers also helped me on my end. Cheers! Sharing is caring

[cheonsa]

Hi all,

If you would like to adjust specific fields only, and if they are frozen, you may apply the solution provided here: