I’ve had an annoying time trying to create a large text box for the content of my letters, the <input> element in html only works for a single line so I’ve had to create a <textarea> as well:
HTML: <textarea type="text" name="lettercontent" placeholder="Write your letter here..." ng-model="lettercontent" ng-required="true"></textarea>
CSS:
.addmeeting .inputwrapper textarea {
resize: none;
float: left;
width:100%;
height:200px;
}
resize: none stops the user from being able to change the size of the text box, the height of 200px is because originality the text box was extremely small. I’ve also coppied the format of the <input> element in CSS which I’ll be changing later on. The result is this:
