Titanium UI - Keyboard toolbar
Keyboard toolbar can be used for message box in chat apps
====
View
<Widget id="toolbar" src="com.imobicloud.keyboardtoolbar" onToggle="toolbarToggle">
<Widget src="com.imobicloud.textarea" class="txt-message" maxHeight="100" hintText="Type your message" onResize="toolbarResize"/>
<Button class="button-send">SEND</Button>
</Widget>
Styles
".txt-message": { height: Ti.UI.SIZE, top: 12, bottom: 12, left: 10, right: 75.5, backgroundColor: '#fff', borderRadius: 15 }
Controller
$.toolbar.init( window_view ); // call this function on first load
$.toolbar.unload(); // call this function when window blurred
$.toolbar.init( window_view ); // call this function when window focussed
function toolbarToggle(e) {
$.lv.bottom = e.height + 56;
}
function toolbarResize(e) {
$.lv.bottom = e.height + 56 + 12 + 12;
}
Changes log: