| Scenario: A vertical menu must be placed
inside a vertical cell (Floating mode)
Since
the dark blue cell will maintain its distance to the left border
of the browser window, regardless of its size, we can safely say that if we anchor the toolbar to left
it will appear over the cell.
To change the alignment we go to the Tools->Toolbars
Editor->Positioning dialog and change the
Alignment parameter by
selecting the first dot. The first dot means: anchor the toolbar
to the left border of the browser window and at the top.
What will happen is that now, the toolbar, instead of
appearing horizontally centered it will appear anchored to the
left border of the browser window.
Let's see what happens if we configure our project by
changing the alignment option as shown in the image at the left.
Well, as expected, the toolbar has moved to the left and will
preserve that position regardless of the browser's window size.
Notice how it is still preserving the 97 pixels vertical offset that we
applied earlier.
Now, all that we need to do is to apply an
Horizontal Offset to move the
toolbar towards the right so it is placed, exactly, above the
dark blue cell.
To do this we click Tools->Toolbars
Editor->Positioning and enter a 31 in the
Horizontal Offset textbox... and
here's how the final product looks:
Don't worry if you don't know the exact offset that you need to
apply on your particular case. Try with a small value and
compile the project. Then, test your settings by viewing the
menus on your browser. Either increase or reduce the value you
have used and recompile until you obtain the results that you're
looking for.
This concludes this tutorial.
Click here to return the
"Positioning the menus" tutorial index. |