Logo

Help Resource Center


Index | Expand All | Contract All

Easy Website Pro 5

Using the menu section

BackNext

Click the button Menu, to open the menu section.

Menu section

The page navigation of a website defines how the single web pages are linked with each other. The navigation menus are parts of the selected layout template. In each template there should be at least one menu. The single buttons of a menu can be arranged hierarchically. In some cases, mainly for optical reasons, a maximal number of buttons is defined in the menu definition of the layout template. EWP will advert (but not inhibit) you when you have exceeded the maximal recommended number of buttons.

In the following the different parts of the menu section and there functionality are explained in detail.

Hierarchical Button-List

In the left area of the menu section there is a hierarchical list in which the different menues and their included buttons are listed - depending on the selected layout template. Buttons can contain sub-buttons and so on. The single menu-buttons can be organized by the buttons beneath the list:

Plus-Button Adds a new menu-button in the same menu and at the same level as the currently selected menu-button. If a menu is selected, the menu-button will be added at the end of the other buttons of this menu.
Minus-Button Removes the selected button.
New Folder Adds a new menu-button one level beneath the currently selected button or menu.
Arrow up Moves the selected button one position up.
Arrow down Moves the selected button one position down.

Global

Activate this checkbox if the following settings should be the same for all menu-buttons:

Label of the Button and Hyperlink Settings

The label of the button is the text that will appear on your website.

To define to which content a menu-button should link, click the button with the link symbol. A dialog to edit the hyperlink settings will open:

Dialog Hyperlink

Here you can select between three types of links:

Activating the checkbox Open in a new Window causes that a new browser window or tab will open to display the linked page.

If you want to set a link to an other page of your project, you can also select in the combobox located beneath the label Link to.

Button template

Button template

In the area Template click the image with the name of the selected button template to launch the Button Template Browser. By activating or deactivating the green checkmark you can decide if you want to use a button template.

Button Template Browser

You can select the button templates from the list in the left area of the browser. In the preview located at the center the button is displayed as it will look like in your website. Move the mouse pointer over the button text to watch the attached effect. You can also scroll through the templates clicking the arrow buttons at the left and at the right side of the preview.
To choose a certain template select it and click the button OK. If you don't want to use a button template click the button None.

Colors

Clicking on the color selectors you can choose the button colors using the color dialog. The Rollout Color is the default color of the button text, the Rollover Color is the color the text will adopt when the mouse pointer is moved over.

Button sound

Button Sound

By activating or deactivating the green checkmark you can decide if you want to use a sound template. Click the sound symbol to launch the Button Sound Browser.

Browser Button Sound

In the left area of the Sound Browsers there is a list of all available sound effects. In the central area of the browser all sounds are displayed as a grid. Move the mouse pointer over an image in the sound grid to play the attached sound.
To choose a sound click it in the grid or select it in the list and click the button OK. If you don't want to play a sound when the menu-button is clicked, click the button None.

Element Preview

In the right area of the menu section there is a preview of the selected button.

Move the mouse pointer over the button in the preview, to spot the attached effects.

The background color of the preview can be changed by clicking the accordant color selector beneath the preview.

BackNext