HomeDownloadPurchaseSupportSite MapPublic ForumsWhen I'm Bored
Utilities DHTML Menu Builder News Description Screenshots Features List Awards Download Purchase Become a Reseller Samples Customers' Web Sites Showcase Challenge and win! Tips & Tricks FAQ Support Registration Information Recover Registration Details Companion Applications
KeyLaunchSoftLedsNice FoldersFile Extension ManagerNetToolsxFXMixerPopUp KillerVBBrainFNETAPE for Traktor Pro
ActiveX ControlsDXVU MeterMixerProFormShaperxFX Slider
Free Flow Positioning
Experience Required: Beginner
DHTML Menu Builder version 4.10 introduces a new positioning option for the toolbars. This mode was created to solve some of the most severe problems that users experienced while trying to position their toolbars in their HTML documents:
Although attaching the menus to an image solved many of these issue it still wasn't a perfect fix.
The sample below may not show much... as this exact result can be achieved with the usual positioning techniques. But, go ahead and try resizing the browser window and you will see how the text in the sample flows around the toolbar! You may also want to try printing the page to see how the toolbar remains perfectly put.
When you select the Free Flow positioning method you will notice that DHTML Menu Builder displays a code next to the Free Flow option. This code is the ID that you must use to flag an HTML element in your documents as the tag that will receive the menus.
For example, if you would like the menus to appear inside a table's cell you will need to edit the TD tag for the cell and add the id parameter.
<td align="top" width="200">This is how it would look after inserting the id parameter:
<td align="top" width="200" id="dmbTB1ph">
You will find that inserting the menus inside a cell, using the Free Flow positioning method, provides some great advantages as you will be able to accurately control how the menus are positioned inside the cell by simply changing the cell's align and valign parameters.
In the example above we inserted the menus right in the middle of a paragraph. We did this by using a <span> tag, like this:
and inserted it right where we wanted the menus to appear.
On projects using multiple toolbars DHTML Menu Builder will generate a different code (ID) for each one of the toolbars, so make sure you use the correct codes so that your toolbars are properly displayed.
More detailed instructions about this positioning method can be found in DHTML Menu Builder's documentation by clicking Help->Tutorials->Positioning the menus