https://github.com/philippfrenzel/yii2-textareaautosize

yii2 extension for textarea autoresize
https://github.com/philippfrenzel/yii2-textareaautosize

Last synced: about 2 months ago
JSON representation

yii2 extension for textarea autoresize

• Host: GitHub
• URL: https://github.com/philippfrenzel/yii2-textareaautosize
• Owner: philippfrenzel
• License: gpl-2.0
• Created: 2015-03-06T08:33:30.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-04-28T11:37:41.000Z (over 8 years ago)
• Last Synced: 2024-10-18T00:35:46.887Z (2 months ago)
• Language: PHP
• Size: 146 KB
• Stars: 1
• Watchers: 1
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
yii2-textareaautosize

=====================

JQuery Fullcalendar Yii2 Extension

JQuery from: http://arshaw.com/fullcalendar/

Version 2.1.1

License MIT

JQuery Documentation:

http://arshaw.com/fullcalendar/docs/

Yii2 Extension by 

A tiny sample can be found here:

http://yii2textareaautosize.beeye.org

[![Latest Stable Version](https://poser.pugx.org/philippfrenzel/yii2-textareaautosize/v/stable.svg)](https://packagist.org/packages/philippfrenzel/yii2-textareaautosize)

[![Build Status](https://travis-ci.org/philippfrenzel/yii2-textareaautosize.svg?branch=master)](https://travis-ci.org/philippfrenzel/yii2-textareaautosize)

[![Code Climate](https://codeclimate.com/github/philippfrenzel/yii2-textareaautosize.png)](https://codeclimate.com/github/philippfrenzel/yii2-textareaautosize)

[![Version Eye](https://www.versioneye.com/php/philippfrenzel:yii2-textareaautosize/badge.svg)](https://www.versioneye.com/php/philippfrenzel:yii2-textareaautosize)

[![License](https://poser.pugx.org/philippfrenzel/yii2-textareaautosize/license.svg)](https://packagist.org/packages/philippfrenzel/yii2textareaautosize)

Installation

============

Package is although registered at packagist.org - so you can just add one line of code, to let it run!

add the following line to your composer.json require section:

```json

  "philippfrenzel/yii2-textareaautosize":"*",

```

And ensure, that you have the follwing plugin installed global:

> php composer.phar global require "fxp/composer-asset-plugin:~1.0"

Changelog

---------

29-11-2014 Updated to latest 2.2.3 Version of the library

Usage

=====

Quickstart Looks like this:

```

  = net\frenzel\textareaautosize\yii2textareaautosize::widget([

      'model'=> $model,

      'attribute' => 'fieldname',

  ]);

  //or to use with form

  echo $form->field($model, 'amount')->widget(net\frenzel\textareaautosize\yii2textareaautosize::classname(), [

      --options--

  ]);

```

### Minimum CSS Requirements

The only requirement is to set box-sizing: border-box and a min-height on the textarea. In the example below, the minimum height is one line of text which is determined from the base font size, line height, and vertical padding and border.

```

textarea {

  box-sizing: border-box;

  max-height: 94px; /* optional, but recommended */

  min-height: 31px;

  overflow-x: hidden; /* for Firefox (issue #5) */

}

```

Increase the min-height to have more initial rows. Once text exceeds that minimum height the textarea will expand naturally. The overflow-x setting is for Firefox to prevent an initial additional line from appearing.