topic Re: How do I make text boxes bigger and wrap text in the edit widget for WAB? in ArcGIS Web AppBuilder Questions

How do I make text boxes bigger and wrap text in the edit widget for WAB?

CameronJohnsen — Wed, 08 Jun 2016 20:53:08 GMT

I am trying to make text boxes bigger and wrap text within them for a comments field that will contain a lot of characters. I have found one thread, I may doing it incorrectly but I doesn't seem to be working. Any help is greatly appreciated.

Re: How do I make text boxes bigger and wrap text in the edit widget for WAB?

RobertScheitlin__GISP — Thu, 09 Jun 2016 02:14:48 GMT

Cameron,

The web maps attribute configuration take presidence over the setting in the edit widgets config.json. So open the web map in AGOL map viewer and choose to configure popups for your layer and choose the field you want to be multi-line and choose the "Configure Attributes" link and then choose textbox type = Multiple Line. Save your changes and now the edit widget will display that field as a text area in the edit widgets popup. You can then edit the css rule to set the height of all text areas in the edit widgets css rules:

/*textArea*/

.jimu-widget-edit-infoWindow .esriAttributeInspector .dijitTextBox.dijitTextArea {

height: 32px;

}

Re: How do I make text boxes bigger and wrap text in the edit widget for WAB?

CameronJohnsen — Thu, 09 Jun 2016 21:41:32 GMT

Robert,

Thank you a ton this was the step I was missing.

Re: How do I make text boxes bigger and wrap text in the edit widget for WAB?

ChristopherGillett — Wed, 03 Apr 2024 00:05:18 GMT

Hi,

I am also trying to make the text box in an Experience builder edit widget multi line for notes with a lot of characters. I have followed the steps bellow using map viewer classic however it does not seem to be working. I realise this post many years old.

Is their a more up to date solution to making the edit widget text boxes multi line?

Re: How do I make text boxes bigger and wrap text in the edit widget for WAB?

B_NewGE — Thu, 07 Aug 2025 22:22:41 GMT

Hi, I was wondering if you found a solution to this. I am having editors type into a Comments text field and it would be helpful for them to make the text box bigger so they can see everything they typed. I'm not seeing any obvious settings in Experience Builder to enable multiline for a text field.