How to change width of particular columns in Confiform Table View

Dhiraj Kr_ Gupta
Contributor
November 4, 2024

I want to change the width of height of particular columns in Confiform Table View

1 answer

0 votes
Humashankar VJ
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 4, 2024

Hi @Dhiraj Kr_ Gupta 

To customize column widths in Confluence's Confiform Table View, utilize CSS. Start by editing the page containing your table. Then, add a CSS block using the "CSS" macro or by inserting a "Style" section in the page's HTML source.

Define the desired column widths using CSS classes. For example:

 .css .confiform-table-view .confiform-column-1 { width: 200px; }

.css .confiform-table-view .confiform-column-2 { width: 150px; }

Replace ".confiform-column-1" and ".confiform-column-2" with your columns' corresponding class names.

For more help refer this similar post - Setting the width of one column to be larger than ...

Hope this helps - Happy to help further!!
Thank you very much and have a great one!
Warm regards

Dhiraj Kr_ Gupta
Contributor
November 4, 2024

But the header of the table view is overlapping 

Like Humashankar VJ likes this
Humashankar VJ
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 4, 2024

Thanks for the update, let me circle back and i see it could be user specific 

Humashankar VJ
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 4, 2024

Hi @Dhiraj Kr_ Gupta 

Have you referred this -wiki.vertuna.com/display/CONFIFORMS/How+to+create+a+table+with+fixed+width+columns+in+Confluence+with+ConfiForms

And 

Add - word-wrap:break-word;width:150px; for the File URL field to constrain the width.

Regards

 

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events