Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Serivce Portal Widget add text field

tommyjensen
Giga Expert

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.

<textarea class="form-control" ng-model="c.requesterPhone" ></textarea>

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.

1 ACCEPTED SOLUTION

Inactive_Us1474
Giga Guru

Try below :


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


View solution in original post

7 REPLIES 7

felladin
Tera Guru

Hello,



Have you tried the rows='1' ?


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


<textarea class="form-control" ng-model="c.requesterPhone" rows="1"></textarea>



You can also find other useful additions here:


AngularJS



With regards


Anton Lindblad


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


Will it work with md-no-autogrow?


<textarea md-no-autogrow rows="1">


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>