The Tutorial - Positioning the menus
Scenario: A vertical menu must be placed inside a vertical cell (Floating mode)

As expected, the toolbar appears horizontally centered and at the top of the page, as it can be seen here:

The first thing we should try to do is to bring the toolbar down so it appears at the same level as the dark blue cell. To do this we're going to use the Vertical Offset parameter of the Tools->Toolbars Editor->Positioning dialog.
Setting the Vertical Offset parameter to 97 pixels, as shown in the image below, will move the toolbar 97 pixels from the top, placing at the exact same level as the dark blue cell.

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.

In the sample below you can see how the toolbar has moved downwards, placing it exactly at the dark blue cell level.

Now we'll need to move the toolbar to the left so it appears over the dark blue cell. There're several ways in which we can do this.
Click the Continue button below to continue to the next step where this process is better explained.


 


Continue »