Echo3 Studio - how do I make a button look like a button?

davout's picture

By default in Echo 3 Studio a button is displayed just like a label.

How do I make a button look like a button?

Are there any button related images/resources available?

mjablonski's picture

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

tliebeck's picture

If you want a "raised"

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.

davout's picture

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?

tliebeck's picture

Being done for next release.

Being done for next release.