Loading...

QlistForm tabs query – How to fix the size of the data area in all tabs

QlistForm tabs query – How to fix the size of the data area in all tabs

Home Forums QuickApps Forum QlistForm tabs query – How to fix the size of the data area in all tabs

  • This topic is empty.
Viewing 1 reply thread
  • Author
    Posts
    • #4459
      Anonymous
      Anonymous
      Participant

      Hi

      Qlistform web part used to produce a tabular display to replace the OOTB display form provided by SharePoint.

      For consistency purposes, is there any way that the field label space can be the same size for all fields in all, tabs.

      See below the 2 tabs that produce a different width of “displayed data”.

      Adding a Width=”xxxx” pixels or a fixed length field label via the Title=”aaaaa      “ parameter to the Display tab XML, still does NOT change either the length of Titles or produce a fixed sized data display area.

      Any ideas ???

      Untitled.png

      Untitled.png

      Thanks

    • #5432
      Anonymous
      Anonymous
      Participant

      Hi

      I noticed that this thread has not been answered for a while since you posted. After I responded to another thread you posted on this community site, I noticed this thread. I hope you already find a solution to the problem you posted here. If not, I hope the following workaround can help.

      You can override the UI rendering with some custom CSS style to achive the desired style you wanted. Basically the field is rendered in HTML table, with the field label in ".ms-formlabel" class and the input field or field value display in ".ms-formbody" class. To make them consistently across tabs, you could try the following:

      1. Add a Script Editor web part on to the page so you can inject some HTML inline CSS style.
      2. Click Edit Snippet and include the following code (modify it to what you prefer)
      3. Exit editing and save the changes.

      <style media="screen" type="text/css">

      .ms-formlabel {

        font-size: 14pt;

        width: 60%;

      }

      .ms-formbody {

        width: 40%;

      }

      </style>

Viewing 1 reply thread

You must be logged in to reply to this topic.