Buttons are elements which can be interacted with by the user (by clicking, rolling over or selecting) in order to trigger an action or link on the website.
Buttons can be made to change their appearance when activated or triggered and almost any element can be made into a button.
The uses for buttons on a website are almost endless but some examples are: video player controls, links, site navigation and gallery controls.
1. Design the button using any elements you choose. The easiest way to create a simple button is from a text label (Title) with fill and border colors.
2. Add a text Title to your website (this will be the base of your button).
3. Double click the title to edit it's text and enter the desired text.
4. Use the Style section of the toolbar to edit the button's style properties like color fill, border line,text color, roundness,shadow etc...
We recommend using color gradient preset color when creating buttons. (How to use color gradient? )
5. After you are done designing the normal state of the button, it's time to design the button's other sates:
6. Select the button whose design state you want to edit
Selected/Active - when the button is toggled on.
Rollover - When the mouse is over the button..
Pressed - When the mouse's left button is held pressed over the button.
7. Select the style tab at the top of the screen (selected automatically by default) and click States.
8. Edit the way the button appears when it is pressed.
9. Edit the way the button appears in each of the design states (Click here to see the other solutions in this folder for detailed instructions ).
10. Your button is now complete, click Preview to view the button you created.
11. if you want to use it again you can save it as a button template: How to save a designed button as a template?
