can please tell me how resize text area? problem open pop screen on button click. in pop screen have 1 text area (having small area).
<textarea cols="40" rows="8" name="textarea-12" id="text-12" class="casetextarea_h" autocorrect="off"></textarea> i write many characters on text area , close it. again open , has same area before closing(large area)? how resize text area starts same starting size.
my code:
<div data-role="popup" id="caseinformationscreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false"> <div data-role="header" data-theme="b"> <a href="#" data-role="button" data-corners="false" id="cancel">cancel</a> <h1>case information</h1> <a href="#" data-role="button" data-corners="false" id="addbutton">add</a> </div> <div data-role="content"> <div> <img src="img/documents.png" /> </div> <div data-role="fieldcontain"> <label for="text-12" style="text-align:top;margin-left: 0px;">case name:</label> <input name="text-12" id="text-12" value="" type="text" class="casename_h" autocorrect="off"> </div> <div data-role="fieldcontain"> <label for="casedate" style="text-align:left;margin-left: 0px;">case date:</label> <input name="casedate" id="casedate" value="" type="date" class="casedate_h"> <!--input name="mydate2" id="mydate2" type="date" data-role="datebox" class="casedate_h" data-options='{"mode": "calbox","usenewstyle":true,"zindex":1200}'/--> </div> <div data-role="fieldcontain"> <label for="textarea-12">case notes :</label> <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="casetextarea_h" autocorrect="off"></textarea> </div> </div> </div>
working example: http://jsfiddle.net/gajotres/7jqrg/3/
just use css:
#text-12 { width: 100% !important; height: 50px !important; max-height: 50px !important; } it lock textarea height. !important must used override default values.
Comments
Post a Comment