Ulead MENU.APPLET User manual

1
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

2
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

3
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.

4
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.

5
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.

6
•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.

7
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
.

8
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.

9
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:

10
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.