- In "Project Overview" have a look at the "Default-Stylesheet" (click to open) -> MailScreen.OptionButton. There are lots of parameters to configure the L&F of a button.
If you want a "raised" looking button in Echo (whether using EchoStudio or not):
Set the border property to something like 1px outset + color of your choice if you want the button to appear as though it is sitting on to of the screen. A "2px groove" border also looks good in my opinion if you want the button to appear recessed into the screen.
Set the insets property of the button to 2px (vertical) and 5px (horizontal). (add more or less space as you prefer).
Set a background color on the button. This color can be the same as the border color (the border will still be distinguishable even if it is the same color).
For rollover effects, set the "rolloverEnabled" property to true and choose a lighter border color and background color. Use the *SAME* border style.
For pressed effects, set the "pressedEnabled" property to true and choose a darker border color and background color. Typically an "inset" border style works best for the appearance of a pressed button.
Obviously that's a lot of properties to set on each component, so the use of a stylesheet is highly recommended.
I would recommend to check
I would recommend to check the Email-Sample-Application as a good starting point to get into EchoStudio.
- Add "Echo-Application" -> "Example Applications" -> "Email Application"
- In "Project Overview" have a look at the "Default-Stylesheet" (click to open) -> MailScreen.OptionButton. There are lots of parameters to configure the L&F of a button.
HTH, Maik
If you want a "raised"
If you want a "raised" looking button in Echo (whether using EchoStudio or not):
Obviously that's a lot of properties to set on each component, so the use of a stylesheet is highly recommended.
How about adding a normal
How about adding a normal button look to the default style sheet?
As I'm not a style sheet guru, could you help out with what I'd need to add?
Being done for next release.
Being done for next release.