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,855 questions
0 comments No comments
{count} votes

Accepted answer
  1. Emily Du-MSFT 47,391 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 47,391 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.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.