DroidsOnRoids/JVFloatLabeledTextField

Name: JVFloatLabeledTextField

Owner: Droids On Roids

Description: UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users

Forked from: jverdi/JVFloatLabeledTextField

Created: 2017-07-10 06:54:50.0

Updated: 2017-07-10 06:54:51.0

Pushed: 2017-07-01 09:57:57.0

Homepage: null

Size: 322

Language: Objective-C

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

JVFloatLabeledTextField

JVFloatLabeledTextField is the first implementation of a UX pattern that has come to be known the “Float Label Pattern”.

Due to space constraints on mobile devices, it is common to rely solely on placeholders as a means to label fields. This presents a UX problem, in that, once the user begins to fill out a form, no labels are present.

This UI component library, which includes both a UITextField and UITextView subclass, aims to improve the user experience by having placeholders transition into floating labels that hover above the fields after they are populated with text.

Credits for the concept to Matt D. Smith (@mds), and his original design:

The component is officially supported for iOS 7 and greater.

Getting started via CocoaPods

 gem install cocoapods

Create a `Podfile` in your project directory:

init

Add the following to your `Podfile` project's target:

'JVFloatLabeledTextField'

Then run CocoaPods with `pod install`.

Finally, include `JVFloatLabeledTextField.hand ``JVFloatLabeledTextView.h``` in your project.

Getting started via Carthage

 update
 install carthage

Create a `Cartfile` in your project directory that contains:

ub "jverdi/JVFloatLabeledTextField"

Then run carthage with `carthage updateand add ``JVFloatLabeledText.framework` to your project from theCarthage/Build/iOS`` directory.

Finally, include `JVFloatLabeledText.h` in your project:

ort <JVFloatLabeledText/JVFloatLabeledText.h>

Additional References

How the Float Label Pattern Started - Matt D. Smith
Float Label Pattern - Brad Frost
Material Design - Floating Labels - Google

Ports and Alternate Implementations

Android - Henrik Sandström
Android - Kaushik Gopal
Android - Kevin Johnson
Xamarin.iOS - Greg Shackles
Xamarin.Android - Johan du Toit
CSS Jonathan Snook
JQuery / Zepto.js - Achmad Mahardi
JQuery - Mike Mitchell
AngularJS - Dave Ackerman
Bootstrap plugin - Matt Powell
JavaFX - Andy Till
Swift - Dirk Fabisch
Swift - Fahim Farook
Swift - Neeraj Kumar
Swift - Jimmy Jose
Swift - Skyscanner (Daniel Langh, Gergely Orosz, Raimon Lapuente)
ObjC - Arthur Ariel Sabintsev
ObjC - Rob Phillips
4D - Maurice Inzirillo
Appcelerator Titanium - The Smiths
B4i - Erel Uziel

Added a port? Let me know - @jverdi