Note: for a visual presentation (with screenshots) of most of the new features,
visit: http://www.wysiwygwebbuilder.com/new_features.html
Responsive Web Design
- New feature: Added support for responsive styles in Style Manager. Sometimes y
ou want to use a different font, text size or color in breakpoints. For example
use a larger font for smaller screens. With Responsive Styles you can define dif
ferent values for breakpoints.
- New feature: Responsive styles in objects. Most objects now can have different
fonts in breakpoints. Most objects can also have different backgrounds and text
colors. Some objects like the photo gallery, text and the blog can have differe
nt columns in breakpoints.
Which properties of an object are responsive is documented in the help.
- New feature: Responsive background styles in pages. You can configure differen
t background properties for breakpoints, so a mobile layout can have a different
background color or image.
Layout Grid
- New feature: Layout Grid. The Layout Grid can be used to create flexible multi
column layouts that automatically adapt to the screen size. A grid can have up
to 12 columns, with sizes in percentages. Objects that are dragged into a grid w
ill automatically become floating.
For smaller (mobile) screens all columns are stacked based on the defined breakp
oint.
This is a great new way to create flexible and responsive (Bootstrap-like) layou
ts!
Most WWB objects have been redesigned to take advanced of the layout grid.
For example, if an image is dragged into the layout grid then it will automatica
lly become responsive: it uses the full width of the cell while keeping its aspe
ct ratio. Text will always use the full width of the grid cell and YouTube video
s can be configured to keep a 16:9 or 4:3 ratio while stretching.
The grid can be configured as fixed or fluid layout. A fixed grid will have the
design time width and be centered in the browser window. A fluid grid will use t
he full width of the browser window and resize all cells accordingly.
Lazy Loading
- New feature: Lazing loading. Enable this option to delay the loading of images
until they are visible in the view port. This will speed up the page loading. I
t also prevents loading large images in mobile devices because only the visible
images will be downloaded.
Lazy loading is currently available for the Image object, Photo Gallery, Rollove
r Image and Rollover text.
FontAwesome Icon
- New feature: Added 'FontAwesome Icon' object to easily add awesome (vector) ic
ons.
The object supports hover, backgrounds, events, links, CSS3 animations and much
more.
Layer Menu
- New feature: Layer Menu.
A Layer Menu is an advanced menu where the drop down menus are layers. This is g
reat for creating advanced mega menus with images, text, form or any other objec
t! The drop down layer can be positioned left, centered or at the right of the b
uttons. It is also possible to make the layer full width of the page.
Breadcrumb
- New feature: Added 'Breadcrumb' navigation.
Breadcrumbs are used to enhance the accessibility of a website by indicating the
location using a navigational hierarchy.
You can either manually configure all links for the menu or automatically synchr
onize with Site manager. Also supports FontAwesome icons.
Pagination
- New feature: Added 'Pagination' navigation.
If you have a web site with lots of pages, you may wish to add the pagination ob
ject for easier navigation. You can either manually configure all links for the
menu or automatically synchronize with Site manager. In that case the menu will
automatically generate links with auto numbering and next/previous buttons.
This menu also works with the Content Management System.
Responsive Menu
- New feature: Added 'Responsive Menu' object.
This is a responsive, multi-level menu optimized for desktop computers and mobil
e (touch) devices which uses CSS only (no JavaScript!). On desktop computer the
menu will display a standard drop down menu and on mobile devices it will displa
y a multi-level stacked menu with the common hamburger icon. The menu supports Fon
tAwesome icons, ScrollSpy and Affix to give your website a modern look and feel.
ScrollSpy
- New feature: ScrollSpy is a navigation mechanism that automatically highlights
the navigation buttons based on the scroll position to indicate the visitor whe
re they are currently on the page. This feature works in combination with bookm
arks.
ScrollSpy is available for CSS Menu, Navigation Menu, Mega Menu, Slide Menu, Tab
Menu, Panel Menu, Responsive Menu and Text Menu.
Affix
- New feature: Added Affix option to navigation objects.
The Affix functionality is often used with navigation menus to make them "stick"
at a specific area while scrolling up and down the page.
Affix is available for CSS Menu, Navigation Menu, Mega Menu, Slide Menu, Tab Men
u, Responsive Menu and Text Menu.
Heading
- New feature: Added a dedicated 'Heading' object.
This is a quick way to add headings (<h1>, <h2>) without using styles. Each head
ing object can have its own fonts/size/color!
Blog
The blog has been redesigned to make it much more powerful. It s now a great way t
o quick create lists or (responsive) grids for all types of data.
- New feature: Added 'Layout' option. This controls the appearance of the blog i
tems. Includes more than 10 different layouts! More layouts will be available as
an add-on package. You can also create your own layouts (with HTML/CSS template
s)
- New feature: Added Carousel option to the Blog. When this option is active the b
log items will be displayed in a (responsive) Carousel!
- New feature: Item links now support target (new window, lightbox, popup etc),
URL parameters, title, mailto, SMS, phone number, file etc.
- New feature: Added possibility to insert Lorem Ispum in blog via context menu.
- New feature: Added text alignment.
- New feature: Added line-height property.
- New feature: Added option to specify the image width.
- New feature: Added the ability to display items in columns. This option is res
ponsive so each breakpoint can have different number of columns.
Article
- New feature: Added 'Article' object. Basically the Article object is a strippe
d down version of the blog, with just one 'article. The article supports the sam
e layouts and styling option so that makes it a great building block for when yo
u need text combined with an image.
Parallax
- New feature: Added 'parallax' background mode to Layers, Forms, Layout Grid an
d other objects. The background image scrolls slower than the content in the for
eground, creating the illusion of 3D depth.
jQuery ListView
- New feature: Added 'ListView object'. Create beautiful styled (jQuery UI thema
ble) lists with title, description and image. Two modes are supported: listview
and droplist. Also supports dividers to group items.
The droplist is a styled (dropdown) select menu which can either be used as menu
or as form element (combobox).
Label
The HTML Label Element (<label>) represents a caption for an item in a form (edi
tbox, textarea, combobox, checkbox, radio button, file upload). The <label> elem
ent provides a usability improvement for mouse users, because if the user clicks
on the text within the <label> element, it toggles the control. Screen readers
and 'voice browsers' use the label to identify and use form inputs.
User Interface Improvements
- New feature: Added Office 2016 color schemes: Colorful theme/Dark gray theme/W
hite theme.
- New feature: Scrollbars and panels (site manager, toolbox, object manager, pro
perty inspector) are rendered using the current theme colors.
- New feature: The status bar displays loading progress when a project is loaded
.
- New feature: Added 'What's New' option in the help section of the menu. A shor
tcut to display the release notes.
General
- New feature: Added 'Apple Touch Icon' option in Page Properties. When someone
bookmarks your web page or adds your web page to their phone's home screen this
icon is used.
- New feature: Added 'Set page width and height to 100% ' alignment option in Pa
ge Properties. This option is for use in combination with the new Full screen floa
ting layer mode.
- New feature: 'Glass' background style (previously only available in Shape/Bann
er) is now a gradient style, so it can be used in other objects as well.
HTML
- New feature: Added an option to put all page specific scripts in an external (
JS) file.
- New feature: Added 'Move JavaScript to the end of the page'. This will place a
ll scripts at the end of the page.
- New feature: Added JavaScript minify option. Removes all whitespaces and line
feeds from the code (Tools->Options->HTML->JavaScript formatting)
- New feature: Added HTML minify option (Tools->Options->HTML->HTML formatting)
This option can be used to reduce the size of the generated HTML and may improve
the performance of the page.
- New feature: Added Resources button to the HTML object. This option can be used
to automatically include built-in scripts like jQuery. This can be useful when y
our code uses one of the built-in scripts but there are no other objects on the
- New feature: Added Full Screen floating mode. This will set the width/height of
the layer to 100% of the current view port. This can be useful for creating full
screen/single page web sites. See the new demo templates for more details.
CSS3 Animations
- New feature: Added new CSS3 animations:
newspaper; a great effect from the movies;)
fall; simulates a falling object.
side fall; simulates an object falling from the side.
transform-3d-sign; object slides into view from the background.
super-scaled-in; Scale (2x) and fade an object into view.
super-scaled-out; Scale (2x) and fade an object out of view.
Table
- New feature: Added the possibility to change the font and size of text is tabl
e cells for multiple cells: Select multiple cells -> hold down the SHIFT key and
click cell properties.
Login Tools
- New feature: Added responsive layout mode. In this mode input fields have 100%
width (instead of a fixed size), so it can have a different size in breakpoints
.
- New feature: All input fields are now <label> tags (instead of standard text).
- New feature: Added option 'Use place holders instead of labels'. Enabling this
option results in a cleaner layout.
- New feature: Added 'padding' option to text input fields, button and title.
- New feature: Added 'alignment' to title.
- New feature: Added border-radius option to input fields and buttons.
- New feature: Focus state. Removes the default outline styles and applies a box
-shadow (with customizable color) in its place.
Rollover Image
- New feature: Added new animation: Newspaper
Rollover Text
- New feature: Added new animation:
- New feature: Added new animation:
- New feature: Added new animation:
age to reveal text on hover
- New feature: Added new animation:
- New feature: Added new animation:
l the text. Supports easing.
YouTube
- Removed: Options deprecated by YouTube (colors, theme and version) have been r
emoved.
- New feature: Added 'Aspect ratio' option. Keep the aspect ratio of the video f
ixed at 16:9 or 4:3. This is especially useful when the video is party of a Layo
ut Grid, so the video resizes dynamically while keeping the original aspect rati
o.
When used in combination with 'Fill entire browser window' this will crop the vi
deo to cover the entire background. Note: this option is also available for: Vim
eo and HTML5 video.
- New feature: Added 'Custom parameters' to add extra features which are not imp
lemented in WWB (yet). For a complete list of available options please check the
YouTube API documentation: https://developers.google.com/youtube/player_paramet
ers.
jQuery General
- Upgraded to jQuery 1.11.3 and 2.1.4.
- Upgraded to jQuery UI 1.11.4. This version has many improvements and outputs f
ewer files.
http://jqueryui.com/upgrade-guide/1.11/
- New feature: Added the ability to control the border-radius for individual jQu
ery UI widgets (replaces the theme radius)
jQuery Date Picker
- New feature: Added 'flexible' mode. This option makes the date picker size fle
xible, so it can have different sizes in different breakpoints.
jQuery ProgressBar
- New feature: Add 'Indeterminate' option. Enable this option to display an (ani
mated) indeterminate progress bar.
jQuery Tooltip
- New feature: Added possibility to insert Lorem Ispum in text editor via contex
t menu.
- New feature: Added box-shadow option
- New feature: Added text alignment option.
- New feature: Added the ability to use custom background and border instead jQu
ery UI Theme.
- New feature: Added Arrow support. An arrow can be displayed at the bottom, lef
t, right or bottom of the tooltip.
jQuery Tab
- New feature: Added new layout modes to give the tab widget a different appeara
nce.
Remove header background
Remove entire header
Tabs like button
CMS
- New feature: Most navigation objects can now also be used with the CMS tools.
The 'Use this menu for CMS' is available for CSS Menu, Go Menu, MenuBar, Panel M
enu, Tab Menu, Text Menu, Breadcrumb and Pagination.
- New feature: Added support for nicEditor (http://nicedit.com) in CMS admin. Ni
cEdit is extremely lightweight and has built-in support for file uploads.
- New feature: Added support for SCEditor (http://www.sceditor.com) in CMS admin
. SCEditor is another lightweight editor with support for emoticons, YouTube and
much more.
- New feature: Added support for Trumbowyg (http://alex-d.github.io/Trumbowyg) i
n CMS admin. Trumbowyg is a light, translatable and customizable jQuery plugin.
Supports images through base64.
- New feature: Added 'Upload image' option to WWB editor. Uses HTML5 s filereader,
so no PHP or special setup is required.
- New feature: Added 'Use images for actions' to CMS admin. Specifies whether to
use images instead of text for actions.
- New feature: Added 'Search Index' to CMS page configuration. This option speci
fies whether to include the page in the CMS search index. When set to false the pa
ge will not be displayed in the CMS search results.
Error Reports
- New feature: Error reports checks whether IDs starts with a letter (ID cannot
start with digits or dashes).
- New feature: Error reports checks whether objects are inside the viewport (inc
luding breakpoints).
Smart Guides
- New feature: Added 'center' guides. Smart guides now also works when objects a
re aligned centered. Also works for the center of the page.
- New feature: Added 'Close menu on link click' to Responsive Menu and Panel men
u.
- New feature: Added spacing and pagination size option to Blog Carousel.
- New feature: Added support for rgba colors to (user made) extensions.
- New feature: Now includes FontAwesome 4.6 with 29 new icons.
- New feature: Added 'offset' option to smooth scrolling in bookmark and layers
(incl. layoutgrid, header/footer)
- New feature: Added 'Hide' command (hide selected objects) to main menu. This a
lso make it possible to associate a shortcut to this command.
- New feature: Added support for publish protocol extensions. SFTP and FTPS will
be soon available!
- New feature: Added floating mode to Content Place Holder (overflow->floating).
This makes it possible to use the master frames in combination with the layout
grid! For more details see the updated master frame tutorial: http://wysiwygwebb
uilder.com/master_frame.html
- New feature: Added the ability to export the project in Quick 'n Easy Web Buil
der 4.x format. This (finally) makes it possible for WWB users to migrate to Mac
or Linux without having to redo all work. Note that QWB does not support all th
e WWB features, so not everything can be converted.See the help for more details
.
07/06/2016 - Version 11.2.x (pre-release)
- Fixed: Carousel forward-circular/backward-circular now also works in full widt
h/responsive mode.
- Fixed: Several Layout grid issues.
- Fixed: Height issue with 'Enable form' in layers and breakpoints.
- Fixed: Size issue with custom profile fields (option) in Signup object.
- Fixed: Issue with responsive columns in Photo Gallery.
- Improved: Removed chmod 777 from fomr processor file upload code.
- Improved: Added z-index to css menu in layout grid.
- Improved: Floating layers use display:none instead of visibility:hidden.