philippfrenzel / yii2-textareaautosize
Yii2 textareaautosize Widgets
Installs: 835
Dependents: 2
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 6
Open Issues: 1
Type:yii2-extension
Requires
- php: >=5.4.0
- bower-asset/textarea-autosize: *
- yiisoft/yii2: *
Requires (Dev)
This package is not auto-updated.
Last update: 2024-12-21 17:53:53 UTC
README
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 philipp@frenzel.net
A tiny sample can be found here: http://yii2textareaautosize.beeye.org
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:
"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.