CODEWITHSUNDEEP
javascripttitaniumappcelerator
eliot
eliot

Reputation: 1329

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.

Upvotes: 0

Views: 770

Answers (2)

Anand
Anand

Reputation: 5332

Please refer Join Two Text Fields, which helped me to create text fields with rounded corner.

You can download the images from the following links

  1. Rounded top
  2. Middle Image
  3. Rounded Bottom

Upvotes: 1

Martin
Martin

Reputation: 1914

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

Upvotes: 1

Related Questions