Who said you can't do padding in Titanium (Alloy)?

index.tss

"#wrapper": {

  // Set wrapper to adjust it's size to it's contents
  width: Ti.UI.SIZE,
  height: Ti.UI.SIZE,
  
  // Set stuff like borders and backgrounds on the wrapper
  backgroundColor: "red"
}

"#content": {

  // Set content to anything but the default Ti.UI.FILL
  // For example a absolute (dp) or relative (%) value
  // Or again, set to adjust to it's content (the text)
  width: Ti.UI.SIZE,
  height: Ti.UI.SIZE,
	
  // Set the padding values like so:
  top: "10dp", right: "10dp", bottom: "10dp", left: "10dp",
	
  // Set stuff like color and font on the content
  color: "white"
}

index.xml

<Alloy>
  <Window>
    <!-- Wrap the element you need padding for in another view -->
    <View id="wrapper">
      <Label id="content">Hello, World</Label>
    </View>
  </Window>
</Alloy>

You're the best!!

that is very awesome !!

awesome!

That is... Margin of the child. If i'd like something like a padding into a TextField for the inner text?

ahh, thanks :)

@schoettler for iOS only we have paddingLeft and paddingRight for the TextField. For Android you could use a custom theme.

Thank you a lot, i was starting to get very hangry cause i was not able to understand how positioning works with appcelerator, thanks to your code i understood the difference between Ti.UI.SIZE and Ti.UI.FILL which have terrible behavior.

I'm now able to center a button in a view like i want, to "crack" padding !