TiJVFloatLabeledTextField

Wrapping JVFloatLabeledTextField module.

Install

Compiled module download

Usage

You can see screenshot's example at example/app.js.

var TiJVFloatLabeledTextField = require('be.k0suke.tijvfloatlabeledtextfield');
var titlefield = TiJVFloatLabeledTextField.createTextField({
	width: Ti.UI.FILL,
	height: 44,
	font: {
		fontSize: 16
	},
	color: '#333',
	value: '',
	hintText: 'Title',
	hintFont: {
		fontSize: 12
	},
	hintColor: '#ccc',
	activeHintColor: '#c2111d',
	clearButtonMode: Ti.UI.INPUT_BUTTONMODE_ONFOCUS
});

var textarea = TiJVFloatLabeledTextField.createTextArea({
	width: Ti.UI.FILL,
	height: 132,
	font: {
		fontSize: 16
	},
	color: '#333',
	value: '',
	hintText: 'Description',
	hintFont: {
		fontSize: 12
	},
	hintColor: '#ccc',
	activeHintColor: '#c2111d'
});

Properties

Compatible Ti.UI.TextField, Ti.UI.TextArea.

• value
• color
• font
• clearButtonMode
• clearOnEdit
• textAlign
• returnKeyType
• enableReturnKey
• keyboardType
• autocorrect
• autocapitalization
• passwordMask
• hintText
• hintFont
• hintColor
• activeHintColor
• paddingLeft / TextField only
• paddingRight / TextField only

Events

Compatible Ti.UI.TextField, Ti.UI.TextArea.

• blur
• change
• focus
• return

Credits

JVFloatLabeledTextField by @jverdi

License

The MIT License (MIT) Copyright (c) 2014 Kosuke Isobe