2017 © Pedro Peláez
 

component animated-label-form

Animated floating labels for Bootstrap forms

image

mate-code/animated-label-form

Animated floating labels for Bootstrap forms

  • Sunday, June 24, 2018
  • by mate-code
  • Repository
  • 0 Watchers
  • 0 Stars
  • 22 Installations
  • CSS
  • 1 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 9 Versions
  • 69 % Grown

The README.md

Floating Label Form

This library will create placeholder labels with a floating effect, depending on the form field being filled or blank., (*1)

Support

  • Both text inputs and select fieds
  • Select2 support
  • Optimized for Bootstrap Forms
  • Supports Yii2 forms - make sure to configure as described below!

Installation

The preferred way to install this extension is through composer., (*2)

Either run, (*3)

php composer.phar require mate-code/animated-label-form

or add, (*4)

"mate-code/animated-label-form": "~1.0"

to the require section of your composer.json file., (*5)

Usage

Add inside your <head> tag, (*6)

<link href="/path/to/animated-label-form.css" rel="stylesheet">
<script src="/path/to/jQuery.js"></script>
<script src="/path/to/animated-label-form.js"></script>

And build your form like this:, (*7)



Make sure you place the <label> AFTER the input field, (*8)

Yii2 Usage

The usage in Yii2 does not change instead of the begin method of your form:, (*9)

 ["class" => "animated-label"],
    "fieldConfig" => ["template" => "{input}\n{label}\n{hint}\n{error}"],
]); 

?>

The Versions

24/06 2018

dev-master

9999999-dev

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

24/06 2018

1.0.7

1.0.7.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

22/06 2018

1.0.6

1.0.6.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

22/06 2018

1.0.5

1.0.5.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

22/06 2018

1.0.4

1.0.4.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

28/11 2017

1.0.3

1.0.3.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

28/11 2017

1.0.2

1.0.2.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

28/11 2017

1.0.1

1.0.1.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html

28/11 2017

1.0.0

1.0.0.0

Animated floating labels for Bootstrap forms

  Sources   Download

BSD-3-Clause

by Marius Teller

css php yii2 bootstrap html