question Serivce Portal Widget add text field in Developer forum

Serivce Portal Widget add text field

tommyjensen — Tue, 16 May 2017 05:11:24 GMT

I am adding fields to the Shopping cart in the Angular template large_shopping_cart.html

I added a texarea field and this works fine.

However a textarea is too big a field for my purpose but I cannot figure out how to change it to a simple one line string field. I tried with "<text></text>" but that becomes readonly.

Re: Serivce Portal Widget add text field

felladin — Tue, 16 May 2017 05:27:29 GMT

Hello,

Have you tried the rows='1' ?

Standard for textarea is 2, but should be possible to limit to one.

You can also find other useful additions here:

AngularJS

With regards

Anton Lindblad

Re: Serivce Portal Widget add text field

Ujjawal Vishnoi — Tue, 16 May 2017 05:38:00 GMT

Hi Tommy,

Change the class as mentioned below.

Hope this helps.

Regards

Ujjawal

Re: Serivce Portal Widget add text field

Inactive_Us1474 — Tue, 16 May 2017 05:43:54 GMT

Try below :

<div>${Enter Description :} <input type="text" size="30" placeholder="Enter description" class="form-control" ng-model="c.requesterPhone"/></div>

Re: Serivce Portal Widget add text field

tommyjensen — Tue, 16 May 2017 05:51:15 GMT

It shrinks the field alright but the user can still expand it and type multiple lines. I do not want that.

Re: Serivce Portal Widget add text field

tommyjensen — Tue, 16 May 2017 05:51:41 GMT

Nothing changes with this.

Re: Serivce Portal Widget add text field

felladin — Tue, 16 May 2017 12:15:40 GMT

Will it work with md-no-autogrow?

Re: Serivce Portal Widget add text field

tommyjensen — Tue, 16 May 2017 20:06:47 GMT

Probably. But I used Akhil's suggestion

<div>${Enter Description :} <input type="text" size="30" placeholder="Enter description" class="form-control" ng-model="c.requesterPhone"/></div>