This area is for the selected style ONLY. Because
of the fact that you can use an unlimited number of styles with your
menus, it's important to know which style you work with. Read the
style number displayed in the text field! When you press on a menu row
using another style, the style number filed will flash a few
times.
When you create a new style by pressing the "Add
new style" button, the application duplicates the selected style and
positions it at the end of the style list. So if you have 12 styles and
chose style nr. 6 and press the "Add new style" button, you will
clone nr. 6 and gives the new style the number 13.
Delete the selected style by pressing "Delete
this style". Make sure you have enough styles left on your
list in order for the application to function correctly. If you have an
advanced menu using 6 styles, for example, you should not have only 5
styles on your list. If you notice any anomalies after deleting a style,
create a new one immediately. This might help you a little, but it
doesn't fix anything. Remember: there is no undo function
available!
Expansion refers to the navigation icons. It is
usually a plus/minus sign, or small arrows and it means there are
submenus available. It shows when a menu is open and it can be used to
close or open submenus.
Show icon deals with the icon display. All menu
rows can have an icon and here you can chose to display it or not,
change the position and activate the hover or click events that trigger
the change of the icons. Notice: select the icon you want to set "menu"
or "item" icons.
Textfield width is the width of the row.
It's not the width of the text itself. It's an invisible (if you wish)
text field and it can decide the width of the menu, depending of the row
background settings (blue area). "100%", "Text field", "text width" and
"Right margin". If the row background width is set to "100%", the
application will ignore the text field width set here and draws the rows
as wide as the menu designated area permits.
Hit area size refers to the area
where the mouse pointer lays over the rows. It's a distance in pixels
beginning at the text fields first pixel. You can write any number you
wish or write the text 100% if you wish to use the whole designated
width. You can write 0 in case you wish to create headlines with
selectable text. Remember: if you write 0, you cannot select the
rows using this style! You can leave a few pixels available for row
selection until you finish setting the menu, and then change it to 0.
Row padding is a number describing the distance
between rows. This setting lays here because every style can have its
different row padding.
Double click. Here you can activate this
function for menus and items separately.
Add text padding activates a function that
helps you with the design considerably. If you activate this function
and move down the text in the blue area, the application will
automatically add the same amount of pixels below the moved text. It
this way the text will automatically center itself vertically. Remember:
if you use text padding you'll have to set the row height (blue area) to
a number lower than the text y coordinate in order for the results to be
correct. Meanwhile it's noticeable that you can even try with a high row
height in order to create a "different" look.
Enable pop-up activates the function that displays row pop-ups. Here
you can even change the text and background color. There are four
alternatives:
- "Popup text" is the row
description found in the menu XML-data.
- ”Item Name” is the same of the
row text.
- ”ItemID” is the ID of the row
found in the XML-data (useful when developing menus using database).
- ”ParentID” is the parent
ID of the row found in the XML-data (useful when developing menus using
database).
You can have one, two, three or all alternatives at
once. The info is displayed in the order you activate them. Deactivate a
variable by clicking on it again. Below you can read the order of the
data. If there is no pop-up info in the XML-data, this field will not be
displayed. |