Search code examples
javascripttitaniumappcelerator

How do I get this layout in my titanium app?

This is a common layout for having multiple layouts vertically aligned and I can't figure out how to obtain it in my app:

Layout I would like to acheive

I have figured out how to do this:

enter image description here

But I really like the way the rounded corners look at the top and bottom of the group looks. I know you can achieve rounded corners with

var view = Titanium.UI.createView({
   borderRadius:10,
   backgroundColor:'red',
   width:50,
   height:50
});
window.add(view);

but I would really like it to look like the first example.

Solution

  • The Appcelerator Kitchen Sink project has an example or 2 of this.

    Here is one: https://github.com/appcelerator/KitchenSink/blob/master/Resources/ui/common/baseui/table_views.js