Home › Updates

Updates

Applying styling options to buttons globally

 June 14, 2017
by Flavio Mester

You can now give all your buttons a raised – similar to the Google Material Design’s raised button component, with a subtle drop shadow and rollover efect – or hollow – a transparent interior with a border around – appearance, without the need to write any code. The new Style option in Design > Apps > Form field & buttons gives you that ability.

The selected style will be applied not just to “submit” buttons in forms but also to links within the regular content formatted as buttons using stylesheet classes, as described on this page. Other options set in YWD Designer such as the font, text size and roundness will be observed.

Button styles
The new option in YWD Designer

Default style
Default style

Raised style
Raised style

Hollow style
Hollow style

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 


  

 

 
Top of page