Titanium Community Questions & Answer Archive

Question

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.

Answer 1

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.

cheers,
Chris

Answer 2

".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

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

2 Answers