[ALOY-981] Implement KeyboardToolbar for TextArea
| GitHub Issue | n/a |
|---|---|
| Type | Improvement |
| Priority | Medium |
| Status | Closed |
| Resolution | Fixed |
| Resolution Date | 2014-06-06T15:00:48.000+0000 |
| Affected Version/s | n/a |
| Fix Version/s | Alloy 1.5.0 |
| Components | n/a |
| Labels | ios, qe-manualtest |
| Reporter | Paul Mietz Egli |
| Assignee | Feon Sua Xin Miao |
| Created | 2014-04-02T21:20:08.000+0000 |
| Updated | 2014-08-08T21:50:39.000+0000 |
Description
TextArea is jealous of TextField and it's fancy toolbars... PR in the works.
*Edited* to add proposed markup format (will match TextField)
<TextArea
platform="ios"
keyboardToolbarColor="#999"
keyboardToolbarHeight="40"
top="10" height="35" width="300"
value="Focus to see keyboard with toolbar">
<!-- Sets the keyboardToolbar property -->
<KeyboardToolbar>
<Toolbar>
<Items>
<Button systemButton="Ti.UI.iPhone.SystemButton.CANCEL" />
<FlexSpace/>
<Button systemButton="Ti.UI.iPhone.SystemButton.CAMERA" />
<FlexSpace/>
<Button style="Ti.UI.iPhone.SystemButtonStyle.DONE">Send</Button>
</Items>
</Toolbar>
</KeyboardToolbar>
</TextArea>
Attachments
| File | Date | Size |
|---|---|---|
| Screen Shot 2014-06-06 at 4.05.52 pm.png | 2014-06-06T08:07:11.000+0000 | 64595 |
https://github.com/appcelerator/alloy/pull/356
Implementing PR 356 exposes the same problems as shown in ALOY-913 and ALOY-923. Until those are resolved, this ticket can't be addressed.
PR: https://github.com/appcelerator/alloy/pull/430 Test app: https://github.com/feons/alloy/tree/ALOY-981/test/apps/testing/ALOY-981 Functional Test: 1. Run the test app on iOS 2. After the app is loaded, click on the text area. 3. A toolbar should be displayed above the keyboard, please refer to attached screenshot for better illustration.
PR tested and merged
Verified working as expected on iPhone 5 7.1.2 TiSDK 3.4.0.v20140806111715 Alloy 1.5.0-dev Appcelerator Studio 3.3.1.201408051534 CLI 3.3.0 Fields updated. Closing. Test added to TCMS. Closing.