SOLVED

How to increase the width of a column on List?

Copper Contributor

Hello,

I would like to be able to increase the column width when displaying a list item.
For example here, how to make the "Description" part occupy the entire width?

I created sections via the JSON, but I don't know how to give a width.

 

 

 

{
    "sections": [
        {
            "displayname": "",
            "fields": [
                "Titre",
                "Date de début",
                "Souhait",
                "Catégorie"
            ]
        },
        {
            "displayname": "",
            "fields": [
                "Description"
            ],
            "style": {
                "min-width": "1000px",
                "color": "red"
            }
        },
        {
            "displayname": "",
            "fields": [
                "Permalien",
                "Progression",
                "Attribué à"
            ]
        },
        {
            "displayname": "",
            "fields": [
                "Notes"
            ]
        },
        {
            "displayname": "",
            "fields": [
                "Priorité",
                "Date d’échéance"
            ]
        }
    ]
}

 

 

 

 

 

 

 

Mathieu_F_2-1657702588158.png

 

 

 

[edit]

Mathieu_F_0-1657707020283.png

I found how to do it, but since I have the HTML code which is visible. How to hide it?

 

 

Another question, how to change the size of the titles?

 

Mathieu_F_0-1657716563027.png

 

Thank you.
Mathieu

4 Replies

Mathieu_F_0-1657707020283.png

I found how to do it, but since I have the HTML code which is visible. How to hide it?

 

 

Another question, how to change the size of the titles?

 

Mathieu_F_0-1657716563027.png

 

best response confirmed by Mathieu_F (Copper Contributor)
Solution

@Mathieu_F Unfortunately, form JSON customizations does not allow changing font size of column headers/titles.

It only allows to group the columns under sections in body of list form.

 

Unlike the header and the footer, body configuration only allows defining one or more sections and adding one or more columns into each of those sections.

SourceConfigure custom body with one or more sections 


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

I don't think you can extend your column to span across multiple rows using JSON like in HTML.
You can extend your column to display all the content but not stretch it across multiple columns. Once you start editing the form using json, your form will be switched to multiple column layout.
1 best response

Accepted Solutions
best response confirmed by Mathieu_F (Copper Contributor)
Solution

@Mathieu_F Unfortunately, form JSON customizations does not allow changing font size of column headers/titles.

It only allows to group the columns under sections in body of list form.

 

Unlike the header and the footer, body configuration only allows defining one or more sections and adding one or more columns into each of those sections.

SourceConfigure custom body with one or more sections 


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

View solution in original post