The Tutorial - Positioning the menus
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.