Skip to main content
Answer

How to set a Multiple Line text input in Modern UI for 25R2?

  • September 26, 2025
  • 2 replies
  • 70 views

 

 

I got a text input in my customize screen, which was declared as multiple line input in classical UI page like:

<px:PXTextEdit TextAlign="Justify" TextMode="MultiLine" CommitChanges="True" Enabled="False" runat="server" ID="TeLogFile" Width="1200px" Height="900px" DataField="LabelXml" >

 

it will shows as a text area with a scroll bar, just like the Description area in this community website.

But after I convert this page to Modern UI, it now just shows like a normal text input control with single line, even I tried to use the grammar form the Modern UI document to declare it is multiple line input, it does not changed, here is how it is defined in Modern UI html and ts file:

html:

<field name="LabelXml" ></field>

ts:

@controlConfig({rows:75})

    LabelXml : PXFieldState<PXFieldOptions.Disabled|PXFieldOptions.Multiline>;

And here is what it looks like in two different UI:

 

Classical:

 

Modern:

If anyone knows how to make this multiple line control works, please let me know , thanks in advance.

Best answer by varthinibhaskaran18

@NimoEngine 

Can you also add the controlconfig decorator and provide the number of lines needed in the multiple input?

Example:

@controlConfig({rows: 2})DocDesc: PXFieldState<PXFieldOptions.Multiline>;

 

More details can be found here

2 replies

Forum|alt.badge.img+1

@NimoEngine 

Can you also add the controlconfig decorator and provide the number of lines needed in the multiple input?

Example:

@controlConfig({rows: 2})DocDesc: PXFieldState<PXFieldOptions.Multiline>;

 

More details can be found here


  • Author
  • Freshman I
  • October 10, 2025

@NimoEngine 

Can you also add the controlconfig decorator and provide the number of lines needed in the multiple input?

Example:

@controlConfig({rows: 2})DocDesc: PXFieldState<PXFieldOptions.Multiline>;

 

More details can be found here

Thanks for reaching out, actually I declared this input as Disabled and Multiline as well, and I get this solved by adding extra attributes in HTML element, which looks like this:

 <field name="LabelXml" config-rows.bind="50" config-type.bind="1"></field>

now, this input looks like below in the modern UI :

Hope this could be helpful to others.