Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

inner shadow text effect on lable

Hi Experts,

Does anyone have an idea about how to create inner shadow text effect on label using shadowoffset and shadowcolor property?

What type of color we use and what is an offset value to create a nice perfect innershadow effect.

Example of this effect is, in text of navigation bar on top of the website… also we can see the similar effect on titlebar text in any window you create using titanium.

— asked May 27th 2010 by Chirag Patel
  • effect
  • innershadow
  • iphone
  • shadowcolor
  • shadowoffset
  • text

2 Answers

  • Hi Chirag,

    If you get totally stuck, on an earlier app (with earlier version of Ti) I simply applied a second label offsetting top+1 & left+1 with white color, which gives the 'embossed effect' - nice when placed directly on window background. However, used intensively it might drag performance a bit.


    — answered May 27th 2010 by Chris Reed
  • ".lblToolbar": {
        color: '#fff',
        font: {
            fontWeight: 'bold',
            fontSize: 20
        shadowColor: '#444',
        shadowOffset: {x: 0, y:-1}

    I placed a label in my toolbar with the above styling and it looks identical to the other window title labels

    — answered March 16th 2013 by Tim Golen
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.