15 March 2017

Element “Button” in the WebWave wizard, allows you to add on the website interactive button, which will change its appearance on hover and will take user to the desired location on the page when clicked.

 

Adding a button to the page

Button settings

Changing the appearance of a button

Changing the button caption

 

Adding a button to the page

 

In the WebWave - responsive webdesign tool - button can be added from the menu on the left side of the editor. Just click the icon or drag it onto the page.

 

 

After adding a button on the website it will be light green by default. If you hover over it with the mouse it will change to a dark green.

 

Button settings

 

When you select a button, you can set the following options in the bottom panel:

 

Link

 

In the link box you can specify what action is going to happen when you click the button. Available actions are:

 

Page object – page will be dynamically scrolled to show the selected object on the page.

Page – opens indicated subpage.

Article – opens the indicated article.

Other – opens the specified URL.

 

Button states

 

Button states define the appearance of the button in a normal situation, and when you hover the mouse over the button. After selecting one of the states of the button, all the button settings relate to a specific state. So if you set the button state to “on hover” and change the background color of a button or caption on this button, the change will be visible only when we move to mouse over the button.

 

Text position

 

It allows you to specify where the text will be displayed on the button.

 

Changing the appearance of a button

 

To change the appearance of the button in the WebWave wizard, select the button. The button will automatically be put in the "normal" state. Now in the bottom panel, you can change all the attributes of the button – it will look like that before the user hovers over it with the mouse.

 

Now in the bottom panel, change the status of the button to "on hover":

 

 

Any changes in the appearance of your button that you make now, will be visible only when the user moves the mouse over this button.

 

Changing the button caption

 

To change the caption on the button, double-click the button. Text editing panel will appear:

 

 

In this panel, you can change the appearance of text displayed on the button. You can now freely enter the new text, and delete the existing one.

 

 

GO BACK             

Button

 

 

Copyright © 2011 — 2018

All Rights Reserved

PRODUCT

CONTACT 

contact@webwave.me 

YOU SHOULD USE WEBWAVE TOO!

Try - it's free

SIGN UP

SUCCESS STORIES

HELP & SUPPORT

LANGUAGE

SIGN UP

LOG IN

SIGN UP

LOG IN