BlueVoda 11.0 – More than 100 new features!
This document gives a quick overview of some of the new features in BlueVoda 11.0.
New feature: Added Asset Manager to manage the locations of images and other files.
The Asset Manager can be useful to modify the location of one or more assets (images,
movies, sounds etc) without the need to open the properties of each item.
You can select which group of items will be displayed in the Asset Manager (Filter).
To change the location of only 1 asset, simply select the item, click the 'Update' button and
select the new location. To change the location of multiple assets, select the items, click the
'Update' button and select the new location. This means that you can update the location of
all assets with just a few clicks!
It is also possible to move assets to another location. In that case BlueVoda will make a
copy of the assets to the specified location and update the path in the editor. Note that the
original file will not be deleted!
New feature: Added 'Refresh' command to reload all images of the current page:
New feature: Styles Manager, a central place to update the styles of multiple objects.
The Style Manager can be used to add, edit or remove style definitions for the entire page.
Update a specific style will affect all objects using that style. For example you update all
fonts of your page in one operation.
There are six standard heading styles (H1, H2, H3, H4, H5, H6), which normally are used
for text headers only. Other styles can be used for all other object that support them. Like
form elements and tables.
When you add a new style all attributes of the style are empty (= default). You do not have
to specify values for all attributes.
It's also possible to define custom style attributes. You may have noticed that we did this
for the header styles (CustomStyle is display: inline;), to make sure it is displayed correct in
Not all style attributes apply to all objects! For example margins and padding are
current ignored by most BlueVoda objects. These attributes where only added to fix
browser incompatibility issues for header styles.
Header styles (H1, H2 ...) can only be applied to text.
New feature: Center page horizontally and vertically (!) in Page Properties.
New feature: Added support for XHTML!
New feature: New DocType property in Page Properties (selects between HTML or XHTML
output). The doctype declaration is an instruction for the web browser about what version
of the markup language the page is written in.
Currently BlueVoda supports 2 document types:
HTML 4.01 Transitional (default)
The generated output will be HTML and compliant to the HTML 4.01 specification of
W3C (just like in previous versions of BlueVoda).
XHTML 1.0 Transitional
The generated output will be XML and compliant to the XHTML 1.0 specification of
Select document type 'None' if you don't want to include the doctype declaration in
the page output. The generated output will be HTML 4.01 Transitional in that case.
New feature: Predefined target screen sizes in Page Properties.
This option helps you determine the optimal page size for a specific screen resolution. It
controls the page width/height properties. For example if you select '800x600', then the
page width/height will be set to 770x600.
Why? Because you will have to leave some space for the vertical scrollbar, so you can't use
the full 800 pixels for the page content.
New feature: Redirect in Page Properties (refresh meta tag). This property redirects the
user to another page after a specific delay.
New feature: Page background gradient color.
Specifies the color of the gradient effect (in combination with the background color).
The gradient style can either be horizontal or vertical.
The gradient effect is not a feature of the HTML specification!
BlueVoda will generate a (small) image and set it as the background image when the page
The maximum size of the gradient effect is 2048 pixels.
New feature: Text can now use pre defined styles.
New feature: Header style support to text (H1, H2, H3, etc)!
Improved: Menubar themes now are rendered in the designer too.
New feature: Added option to use border for the menubar (and sub items)
New feature: Added option to set the transparancy for sub menu items of the menubar.
New feature: Added padding properties to menubar for more professional looking menus!
New feature: Added Text alignment to menubar
New feature: Added support for button images to the menubar (to create a navigationbar
with dropdown menus!)
New feature: Support for Theme Studio menubar themes. Now you can easily create new
menbar styles with this great tool!
Using Theme Studio to create themes:
One of the great features of the menubar object is the support for Theme Studio menubar
This tool make it relative easy to create advanced menubar themes.
You can download Theme Studio here: http://tapestry-jsmenu.sourceforge.net/theme-
How to add a theme created with Theme Studio to BlueVoda?
1. In the Theme Studio toolbar click 'Build'
2. Select Build Format 'Original Format'
3. Specify a Destination File, for example 'ThemeDemo.zip'
4. Unzip the theme to the menubar\ folder in the BlueVoda program folder.
The files from the 'example' folder are not needed!
The structure will look something like this:
New feature: Added 25+ new menubar themes.
New feature: You can now set the style for the main and submenu items separately.
Improved: Menubar now completely validates on http://validator.w3.org
New feature: Added support for multi color gradients plus Gradient Style Manager to
add/edit and remove global (multi color) gradients effects.