Loading...

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

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

#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>