Hi guys
I'm trying to create a vertical list of items, that upon click expands into a form. For instance the list could contain the following list of items:
- Spring
- Summer
- Autumn
- Winter
If the user taps on Summer, I'd like to display a form here - ie:
- Spring
- Summer
- [FORM INSERTED HERE]
- Autumn
- Winter
I've tried a few different things, but consistently see the elements jumping a little around as the form is inserted. For example the form is rendered and winter is moved down, but autumn is left on top of the form for an instant. I hope it makes sense?
I've tried using a window with layout:'vertical', manually updating the position of the views and a few different variations of these. All with the same result.
My final solution was to use a table and insert the form as a custom row, using insertRowAfter. This prevents the jumping, but unfortunately leaves a separator on Android devices. My issue is that each row has a different background color, which seems to make it impossible to remove the separator in tables on Android? Using separatorColor:'transparent' seems displays the separator in the background color of the table, and separatorStyle: Titanium.UI.iPhone.TableViewCellSelectionStyle.NONE obviously only works for the iPhone.
I'm using SDK 2.1.4 and my testing was mainly done on an iPhone 4.
Do you have any ideas how to either remove the separator on Android or avoid the jumping around?
Thanks :-)