Logo
Stockholm-icons / General / Search Created with Sketch.
Stockholm-icons / Media / Equalizer Created with Sketch.
Stockholm-icons / Layout / Layout-4-blocks Created with Sketch.
Stockholm-icons / Communication / Chat6 Created with Sketch.
Logo
Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Tools / Compass Created with Sketch.
A small, stand-alone script to automatically adjust textarea height. For more info please visit the plugin's Demo Page or Github Repo.

Autosize Textarea Examples


        					<div class="card card-custom">
        						<div class="card-header">
        							<h3 class="card-title">
        								Autosize Textarea Examples
        							</h3>
        						</div>
        						<!--begin::Form-->
        						<form class="form">
        							<div class="card-body">
        								<div class="form-group row">
        									<label class="col-form-label text-right col-lg-3 col-sm-12">Basic Demo</label>
        									<div class="col-lg-4 col-md-9 col-sm-12">
        										<textarea class="form-control" id="kt_autosize_1" rows="3"></textarea>
        									</div>
        								</div>
        								<div class="form-group row">
        									<label class="col-form-label text-right col-lg-3 col-sm-12">Preset Value</label>
        									<div class="col-lg-4 col-md-9 col-sm-12">
        										<textarea class="form-control" id="kt_autosize_2" rows="3">A small, stand-alone script to automatically adjust textarea height</textarea>
        									</div>
        								</div>
        							</div>
        							<div class="card-footer">
        								<div class="row">
        									<div class="col-lg-9 ml-lg-auto">
        										<button type="reset" class="btn btn-success mr-2">Submit</button>
        										<button type="reset" class="btn btn-secondary">Cancel</button>
        									</div>
        								</div>
        							</div>
        						</form>
        						<!--end::Form-->
        					</div>
        				

        				// Class definition

        				var KTAutosize = function () {

        					// Private functions
        					var demos = function () {
        						// basic demo
        						var demo1 = $('#kt_autosize_1');
        						var demo2 = $('#kt_autosize_2');

        						autosize(demo1);

        						autosize(demo2);
        						autosize.update(demo2);
        					}

        					return {
        						// public functions
        						init: function() {
        							demos();
        						}
        					};
        				}();

        				jQuery(document).ready(function() {
        					KTAutosize.init();
        				});
        				

Quick Actions finance & reports

User Profile 15 messages

Recent Notifications
Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Files / File-done Created with Sketch.

Important Notice

Lorem Ipsum is simply dummy text of the printing and industry.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Design / Pen&ruller Created with Sketch.

System Update

There are many variations of passages of Lorem Ipsum available.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / General / Thunder-move Created with Sketch.

Server Maintenance

Contrary to popular belief, Lorem Ipsum is not simply random text.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Home / Alarm-clock Created with Sketch.

DB Migration

If you are going to use a passage of Lorem Ipsum, you need.

System Messages
Stockholm-icons / Communication / Group-chat Created with Sketch.
09:30 AM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / General / Attachment2 Created with Sketch.
2:45 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / Home / Library Created with Sketch.
3:12 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / Communication / Add-user Created with Sketch.
7:05 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Privacy Settings:

After you log in, you will be asked for additional information to confirm your identity.

Security Settings:

After you log in, you will be asked for additional information to confirm your identity. For extra security, this requires you to confirm your email. Learn more.

Stockholm-icons / Navigation / Up-2 Created with Sketch.

Select A Demo

Demo 1
Demo 2
Demo 3
Demo 4
Demo 5
Demo 6
Demo 7
Demo 8
Demo 9