Forum Discussion

Mathieu_F's avatar
Mathieu_F
Copper Contributor
Jul 13, 2022
Solved

How to increase the width of a column on List?

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"
            ]
        }
    ]
}

 

 

 

 

 

 

 

 

 

 

[edit]

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?

 

 

Thank you.
Mathieu

  • 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.

  • Bharath Arja's avatar
    Bharath Arja
    Iron Contributor
    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.
  • Mathieu_F's avatar
    Mathieu_F
    Copper Contributor

    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?

     

     

      • ganeshsanap's avatar
        ganeshsanap
        MVP

        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.

Resources