Is it possible to increase the row size of a SharePoint list?

Michael Mast 25 Reputation points
2023-11-29T18:43:36.2233333+00:00

I've started an expandable 'accordion style' Q and A SharePoint list that only has 2 columns- Question & Answer. When I click on the '>' to view the answer, I can only see part of the answer. Note: Most of the answers contain a lot of information. Is there a way to increase the row size so all the information is visible? I'm open to other options for what I'm trying to accomplish. Below is a picture of what's happening. This answer contains 4 more items that I'm not able to see.

Screenshot 2023-11-29 134128

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,211 questions
0 comments No comments
{count} votes

Accepted answer
  1. Emily Du-MSFT 43,831 Reputation points Microsoft Vendor
    2023-12-01T02:23:32.3133333+00:00

    Here are steps for you:

    1.Select the Answer column -> Column settings -> Format this column.

    2.Advanced mode, use following codes.

    {
      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
      "elmType": "div",
      "txtContent": "@currentField",
      "style": {
        "width": "500px",
        "height": "Auto"
      }
    }
    

    3.Grag the right edge of Answer column header.

    4.Click the dropdown of All Items -> Save view as -> All Items -> Save.

    1


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    1 person found this answer helpful.

1 additional answer

Sort by: Most helpful
  1. Emily Du-MSFT 43,831 Reputation points Microsoft Vendor
    2023-11-30T02:34:33.73+00:00

    Applying JSON formatting can increase the row size.

    Here are steps:

    1.Select the Answer column -> Column settings -> Format this column.

    1

    2.Advanced mode, use following codes.

    {
      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
      "elmType": "div",
      "txtContent": "@currentField",
      "style": {
        "width": "500px",
        "height": "300px"
      }
    }
    

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.