Ulead MENU.APPLET User manual

Table of Contents

Welcome to Menu.Applet ................................................................................ 2

Why Java™-based menus? .............................................................................. 2

Basic terminology ........................................................................................... 2

Getting to know Menu.Applet .......................................................................... 4

Creating a new menu applet............................................................................ 5

Applet Properties Panel: General Tab .................................................................................................... 5

Background Tab ................................................................................................................................... 6

Options Tab (Slider menu only) ........................................................................................................... 7

Creating a new Slider menu ............................................................................ 8

Item Tab ............................................................................................................................................... 9

Level - General Tab ............................................................................................................................... 9

Level – Icon Tab ................................................................................................................................. 10

Level – Event Tab ................................................................................................................................ 10

Creating a Pop-up menu ............................................................................... 11

Item Tab ............................................................................................................................................. 12

Main Menu Tab (First level menu only) .............................................................................................. 12

Level - General Tab ............................................................................................................................. 13

Level – Color Tab ................................................................................................................................ 13

Using HTML frames ....................................................................................... 14

Saving your work .......................................................................................... 15

Menu Interactive lists that display a

number of choices for users (in this case,

Internet Web surfers) to choose from.

When selected, each choice then displays a

graphic image, a media clip, a download

action, or another Web page.

Menu Items Options listed in a menu. In

most cases, further options (submenus) are

found within these choices, bringing about

a multi-level menu.

Pop-up Menu A menu that displays its

submenus only on mouseover.

Welcome to Menu.Applet

Welcome to Ulead’s Menu.Applet, a powerful Java™-based application program

that lets you create active slider and pop-up menus for your Web pages with

maximum ease and a minimum of fuss. Menu.Applet is designed to help even novice

users create stunning Web sites and add impressive effects – without having to write

a single line of code.

Why Java™-based menus?

Menus rarely follow the one-level format of one parent item – many child items.

More often than not, one menu item leads to more options, creating multi-level

menus that would be difficult to lay out using traditional text and image–based

methods, as these require all menu items to be displayed simultaneously. This results

in increased Web page sizes and a cluttered appearance.

Java-based menus were developed to provide Web authors with an easy way to place

menus with 2 or more submenus by hiding submenu items and showing them only

when clicked. Not only are these menus functional; they are an eye-catching and

dynamic element in any Web site.

Basic terminology

Following is a list of common terminology used throughout this user guide:

submenu items

Pop-up Menu example

menu item

Slider Menu expands its submenus by gliding its contents out from a specified

point.

Mouse actions Events that take place when users perform specific mouse-related

actions, such as mouseover and mousedown (see below). Common events include

change in text color, background image, text style or even the text itself.

Slider Menu example

Normalstate

The state when there is

no mouse action.

Mouseoverstate

The state when the

mouse pointer is placed

on the menu item, but is

not clicked.

Mousedownstate

The state when the menu item

is clicked.

These menu items are all Parent items. Menus found

under Children items are called submenus. For

example, “2000” is a submenu of “Archives”.

These menu items

are Sibling items

of each other, and

Children items of

the “2000” menu

item.

These menu items

are Sibling items of

each other, and

Children items of

the “Archives” menu

item. “2000” is a

Parent item of the

expanded green

menu.

Getting to know Menu.Applet

To help you get started, this section provides an initial overview of the Menu.Applet

interface. First, let’s look at a typical Menu.Applet workspace:

The Menu.Applet workspace contains three main panels: Item Tree View Panel,

Properties Panel, and Compose/PreviewPanel.

•Item Tree View Panel Displays the layout of the menu items in a flowchart diagram

showing the various menu items and submenus. Add menu and submenu items (child

and/or sibling items) to your menu in this panel.

•Properties Panel Configure and customize the applet and menu items in this panel.

Preferences for dimension, color, background and behavior of each item can be set

using this panel.

•Compose/Preview Panel Display the layout of your menu in two modes: Compose

(layout only) or Preview (shows a running version). Correct errors, fine-tune

settings, and preview menus through this panel.

ItemTree

ViewPanel

Properties

Panel

Compose/Preview

Panel

Note:

You must have Microsoft Internet Explorer 4 or above to be able to preview your work in

the Preview panel.

1. Click File : New or press [CTRL + N].

2. In the New Applet dialog box, select the

type of menu applet to create (Slider or

Pop-up), or click Template to open an

existing template.

3. A blank applet will be displayed. Its

attributes can be adjusted in the

Properties Panel. The following section

provides further details on defining the

applet’s attributes.

•Dimensions The applet’s width and

height in pixels.

•Loading message The message that

will be displayed while the applet is

being loaded into the Web page.

•Smooth pop-up (Pop-up menu only)

If enabled, the pop-up submenu will

glide out on mouseover. Leaving this

box clear will cause the entire

submenu to be displayed instantly.

Applet Properties Panel: General Tab

The General Tab for Slider Menus is different from the General Tab for Pop-up

Menus in that it has fewer options.

Slider Menu Applet Properties Panel:

General Tab

Creating a new menu applet

Note:

There are three tabs for Slider Menu: General,Background, and Options. For Pop-up

Menu, only the General and Background tabs are available.

•Color Use a solid color for the

background. Click the color square to

change the current color.

•Image Use an image as the

background for your menu applet.

•Fit applet to image dimensions

Retain your image file’s original

dimensions and make the applet the

same size as the image.

•Tile Repeat the image throughout the

applet background if the image

dimensions are smaller than the

applet’s dimensions.

Background Tab

The Background Tab is identical for both Slider and Pop-up Menus.

Pop-up Menu Applet Properties Panel:

General Tab

•Pop-up speed (Pop-up menu only)

Only enabled if the Smooth pop-up

check box has been selected. The

speed of the gliding motion of the

submenu can be specified here.

Assign a low value to slow the slide

effect.

•Separator line (Pop-up menu only)

When selected, each submenu is

separated by a thin line.

Options Tab (Slider menu only)

•Retain mousedown state Maintain a

menu item’s mousedown state after it

has been selected. It will return to its

normal state when another menu item

on the same level is selected.

•Enable submenu glide Make

submenu items glide out when clicked.

Leaving this box clear will cause the

entire submenu to be displayed

instantly.

•Glide speed The speed at which

submenus glide out. Assign a low

value to slow the glide effect.

•Icon blink rate The rate at which the

icon blinks when the glide setting is

enabled. Assign a low value for a slow

blink.

•Show all submenus Keep submenus

expanded even when other submenus

have been clicked.

•Menu vertical position The anchor

point from which the menu glides out

with reference to the top edge of the

applet.

• If a scrollbar is to be used, specify the

Width of the scrollbar between 5 and

32 pixels.

Scrollbar options:

Always – A scroll bar is generated whether

or not it is required.

Never – The scroll bar is disabled.

Auto show/hide – Program detects if a

scrollbar is required and generates one

automatically

Creating a new Slider menu

1. Select File: New or press [CTRL + N].

Select Slider Menu then click New.

Note:

Click Template to use a pre-defined

template.

2. Set up the applet’s attributes using the

Properties Panel.

Note:

See pages 5 - 7 to know the different

settings available on the Properties Panel.

3. In the Tree Level View panel, click

Add Child Item or press

[CTRL + D] to add the first menu

item of the applet. You can add

additional same-level items by either:

a. Selecting the Slider Menu applet at

the Tree View Panel then clicking

Edit: Add Child Item, or

pressing [CTRL + D] or

b. Highlighting the first Child Item

then clicking the Add Sibling

Item button, or pressing

[CTRL + I].

Note:

Always select the parent menu item

before making child items of the same level.

If making sibling items from a child item,

select the original sibling first.

4. You will be able to adjust the settings

of each item in the Applet Properties

Panel. Following are details on how to

adjust the settings in each tab.

Item Tab

•Caption The menu item’s text string.

When Show Caption Text in Item is

disabled the text string is not

displayed.

•URL The Web page address that is

opened when the menu item is

selected.

•Target The menu item’s hyperlink

target frame.

•Status The message to appear in the

browser’s status window on

mouseover.

•Normal image The image file to be

displayed as the default background of

the menu item.

•Mouseover image The image file to

be displayed as the background of the

menu item on mouseover.

•Mousedown image The image file to

be displayed as the background of the

menu item on mousedown.

•Text attributes The level’s universal

font, size and style.

•Background sound The sound file to

be played when any menu item on this

level is clicked. Click the folder icon to

loacte the sound file.

•Outline Place a border on your menu

item on mouseover.

•Text indent The indentation of the

submenu item’s text in reference to the

left border of the parent item’s text.

•Icon indent The indentation of the

submenu item’s icon in reference to the

left border of the parent item’s icon.

•Item height The vertical space in

pixels to be allocated to the menu item.

The text will be vertically centered in

its allocated space.

Level - General Tab

Specifications made to menu items on

this tab will apply to all items on that

menu item’s level:

Level – Icon Tab

Icon settings determined in this tab will

affect all menu items on this level.

Image files can be specified for icons to

appear beside each menu item. Different

icons can be selected for menu items

with no child submenus; menu items with

unexpanded submenus; and menu items

with expanded menu items.

Level – Event Tab

Click the color squares to select the

colors of the background and text for the

default state, and for mouseover and

mousedown events. Settings determined

on this level will affect the whole level.

Note:

Select the Tile option to have the

image fill the the whole menu item’s alloted

space. This is useful when you are using a

patterned or textured image.

Table of contents

Other Ulead Software manuals

Ulead

Ulead MEDIASTUDIO PRO 7.0 - HD PLUG-IN 2.0 User manual

Ulead

Ulead VIDEOSTUDIO 11 User manual

Ulead

Ulead USBAV-701 User manual

Ulead

Ulead USBAV-701 User manual

Ulead

Ulead DVD WORKSHOP 2 - User manual

Ulead

Ulead PYRO1394DV User manual

Ulead

Ulead DVD WORKSHOP 2 - User manual

Ulead

Ulead PHOTO EXPLORER VERSION 8.0 User manual

Ulead

Ulead BD DISCRECORDER User manual

Ulead

Ulead DVD DISCRECORDER 2.3 User manual

Ulead

Ulead DVD MOVIEFACTORY 5 User manual

Ulead

Ulead BD DISCRECORDER 2.7 User manual

Ulead

Ulead QUICK DROP 2.0 - VERSION 2006 User manual

Ulead

Ulead BURN.NOW 4.5 User manual

Ulead

Ulead BURN.NOW 4 User manual

Ulead

Ulead GIF ANIMATOR 5 User manual

Ulead

Ulead VIDEOSTUDIO SE User manual

Ulead

Ulead MOVIEFACTORY 5 PLUS User manual

Ulead

Ulead VIDEOGRAPHICS LAB User manual

Ulead

Ulead DVD MOVIEFACTORY 5 User manual

Ulead

Ulead MOVIEFACTORY 6 PLUS User manual

Ulead

Ulead VideoStudio 9 User manual

Ulead

Ulead QUICK DROP 2.0 - VERSION 2006 User manual

Ulead

Ulead DVD MOVIEFACTORY-DVD PLUG-IN User manual

Popular Software manuals by other brands

COMPRO

COMPRO COMPROFM manual

Muratec

Muratec OFFICEBRIDGE ONLINE user guide

Oracle

Oracle Contact Center Anywhere 8.1 installation guide

Adobe

Adobe 65007312 - Photoshop Lightroom Programmer's guide

Avaya

Avaya NULL One-X for RIM Blackberry user guide

HP ProLiant BL420c user guide

PS Audio

PS Audio PowerPlay Programming manual

Brady

Brady LOCKOUT PRO 3.0 Administrator's guide

Avaya

Avaya Interaction Center user guide

Texas Instruments

Texas Instruments TI-83 Plus Silver Edition Guide book

Novell

Novell GROUPWISE 8 - INTERNET AGENT manual

Oracle

Oracle Application 9i Configuration guide

Acer

Acer RDM user guide

Canon

Canon Vixia HF21 instruction manual

Canon

Canon ZR950 instruction manual

Samsung

Samsung Auto Backup user manual

Polycom

Polycom Vortex EF2201 Application note

Brocade Communications Systems

Brocade Communications Systems Brocade 8/12c user manual