Added the ability to show percentages in the progress bar.
WWB14 Coming soon... (teaser)
Progress bar
Progress bar
Added the ability to show percentages in the progress bar.
Added the ability to show percentages in the progress bar.
Themeable Button
Themeable Button
(previous known as jQuery Button)
Added the ability to set the button(s) to full width in Layout grid.
This may be useful to create flexible (radio) button rows.
Example: Flexible row of radio buttons
(previous known as jQuery Button)
Added the ability to set the button(s) to full width in Layout grid.
This may be useful to create flexible (radio) button rows.
Example: Flexible row of radio buttons
Events
Events
Added 'Form Submit' and 'Form Reset' actions to events. These actions can be used to submit or reset a form through events! For example, to submit a form via a button that is not part of the form.
Added 'ondocumentready' to page events. This event is will be triggered once the page Document Object Model (DOM) is ready for JavaScript code to execute. This can be useful for example, to apply a style to an object.
Added 'Form Submit' and 'Form Reset' actions to events. These actions can be used to submit or reset a form through events! For example, to submit a form via a button that is not part of the form.
Added 'ondocumentready' to page events. This event is will be triggered once the page Document Object Model (DOM) is ready for JavaScript code to execute. This can be useful for example, to apply a style to an object.
Scroll Events and Transitions
Scroll Events and Transitions
Added 'Disable scroll events on small screens' to the Page Properties. This option adds the ability to disable scroll events on small screens (e.g. phones).
Added 'Disable scroll transitions on small screens' to the Page Properties. This option adds the ability to disable scroll transitions on small screens (e.g. phones).
'Minimum width' specifies the width at which the scroll events/ transitions will be disabled.
Added 'Exclude browsers' to the Page Properties. This option adds the ability to disable scroll events and transitions on specific browsers (e.g. iOS, Android).
Added 'Disable scroll events on small screens' to the Page Properties. This option adds the ability to disable scroll events on small screens (e.g. phones).
Added 'Disable scroll transitions on small screens' to the Page Properties. This option adds the ability to disable scroll transitions on small screens (e.g. phones).
'Minimum width' specifies the width at which the scroll events/ transitions will be disabled.
Added 'Exclude browsers' to the Page Properties. This option adds the ability to disable scroll events and transitions on specific browsers (e.g. iOS, Android).
Login Tools
Signup/Edit Profile
- Added the ability for the user to set an avatar image. The image can be displayed on the page with the "Login Name' object.
Login Name
- Added border, background, padding, vertical alignment properties.
- Added 'Display Avatar' option. This will display the avatar of the logged in user.
Login
- Added 'User Roles' functionality. Users roles are used to create different types of users. These users will only have access to the pages that have configure this role. The roles are customizable in the properties of the Login admin.
Login Admin
- Redesigned the layout of the Login Admin for a modern look and feel.
- Added table cell padding
- Added styling options for button and input fields.
- Added support for striped and hover rows.
- Added the ability to customize/translate the text of the various items (headers, buttons).
- Added search/filter option
- Added pagination.
- Added 'avatar' support (see 'Signup/Edit Profile).
- Added the ability for the user to set an avatar image. The image can be displayed on the page with the "Login Name' object.
Login Name
- Added border, background, padding, vertical alignment properties.
- Added 'Display Avatar' option. This will display the avatar of the logged in user.
Login
- Added 'User Roles' functionality. Users roles are used to create different types of users. These users will only have access to the pages that have configure this role. The roles are customizable in the properties of the Login admin.
Login Admin
- Redesigned the layout of the Login Admin for a modern look and feel.
- Added table cell padding
- Added styling options for button and input fields.
- Added support for striped and hover rows.
- Added the ability to customize/translate the text of the various items (headers, buttons).
- Added search/filter option
- Added pagination.
- Added 'avatar' support (see 'Signup/Edit Profile).
Form
Form
- Added 'From' property to built-in form processor settings. This will set the 'from' address of email sent messages to the specified email address. If you leave the field empty then it will work like in previous versions: either the 'email' input will be used (if it exists) or the 'to' address.
- Added server sided input validation (Form Properties->Advanced->Miscellaneous). This adds extra security to the form by also validating the input on the server side (using PHP), so even if JavaScript is disabled or the form has been modified (by spammers/hackers) the submitted data will still be validated. This feature uses the same settings as the JavaScript (client side) validation.
Form Conditions
- Added 'Less than' and 'Greater than' conditions. It is also possible to create a range (greater than/less than combined).
- Added 'else' conditions. This can be used in combination with 'equal to', 'not equal to', 'greater than' and 'less than'.
Editbox / Textarea
- Added the possibility to set the color of the placeholder text.
- Added 'From' property to built-in form processor settings. This will set the 'from' address of email sent messages to the specified email address. If you leave the field empty then it will work like in previous versions: either the 'email' input will be used (if it exists) or the 'to' address.
- Added server sided input validation (Form Properties->Advanced->Miscellaneous). This adds extra security to the form by also validating the input on the server side (using PHP), so even if JavaScript is disabled or the form has been modified (by spammers/hackers) the submitted data will still be validated. This feature uses the same settings as the JavaScript (client side) validation.
Form Conditions
- Added 'Less than' and 'Greater than' conditions. It is also possible to create a range (greater than/less than combined).
- Added 'else' conditions. This can be used in combination with 'equal to', 'not equal to', 'greater than' and 'less than'.
Editbox / Textarea
- Added the possibility to set the color of the placeholder text.
User Interface
User Interface
- Added 'Project backup in zip' option to File menu. This will create a full backup of the project and images etc on a local disk.
- Many DPI improvements. For example, all built-in images/icons/toolbars now have high resolution versions for use on high DPI screens.
- Added ‘Set initial zoom level based on DPI scaling’ option (Tools->Options->User Interface). On some computers with a high resolution (4k) display, the initial workspace may be too small. By enabling this option, the DPI value of your system will be used as the initial zoom level. For example, 144 dpi sets the zoom level to 150%.
- Added 'ctrl+click+drag' support to quickly duplicate objects just like in Word/PowerPoint:
• select the object that you want to duplicate.
• hover over the object with your mouse and press the CTRL key.
• while still pressing the CTRL key, click and drag the object to the new location.
- Added 'Search' option to Site Manager to filter pages in the list and quickly find a page.
- Added 'Search' option to Page selection dialog (for internal links) to quickly find a page.
- Added 'Recently Used Fonts' to the font dropdown list in the Ribbon and Format toolbar.
- Added 'Project backup in zip' option to File menu. This will create a full backup of the project and images etc on a local disk.
- Many DPI improvements. For example, all built-in images/icons/toolbars now have high resolution versions for use on high DPI screens.
- Added ‘Set initial zoom level based on DPI scaling’ option (Tools->Options->User Interface). On some computers with a high resolution (4k) display, the initial workspace may be too small. By enabling this option, the DPI value of your system will be used as the initial zoom level. For example, 144 dpi sets the zoom level to 150%.
- Added 'ctrl+click+drag' support to quickly duplicate objects just like in Word/PowerPoint:
• select the object that you want to duplicate.
• hover over the object with your mouse and press the CTRL key.
• while still pressing the CTRL key, click and drag the object to the new location.
- Added 'Search' option to Site Manager to filter pages in the list and quickly find a page.
- Added 'Search' option to Page selection dialog (for internal links) to quickly find a page.
- Added 'Recently Used Fonts' to the font dropdown list in the Ribbon and Format toolbar.
HTML/CSS/JavaScript
HTML/CSS/JavaScript
- All built-in JavaScript files are now loaded from the 'js' sub folder instead of embedded in the executable. This reduces the size of the application and memory usage. And it also makes it easier to replace the files (for advanced users).
- More objects now support ARIA role attributes. For example: tabs, accordion, search, blog, news feed ticker, navigation etc.
- The 'margin' property is now responsive for most objects.
- If a full width object has margin then the margin value will be subtracted from the total width using css's calc function so the object does not become wider than its container.
- Added 'Load built-in JavaScript files asynchronously' option in Tools->Options->HTML. Note: only useful when using external JavaScript file!
Example:
More information about this feature: https://www.w3schools.com/tags/att_script_async.asp
- All built-in JavaScript files are now loaded from the 'js' sub folder instead of embedded in the executable. This reduces the size of the application and memory usage. And it also makes it easier to replace the files (for advanced users).
- More objects now support ARIA role attributes. For example: tabs, accordion, search, blog, news feed ticker, navigation etc.
- The 'margin' property is now responsive for most objects.
- If a full width object has margin then the margin value will be subtracted from the total width using css's calc function so the object does not become wider than its container.
- Added 'Load built-in JavaScript files asynchronously' option in Tools->Options->HTML. Note: only useful when using external JavaScript file!
Example:
More information about this feature: https://www.w3schools.com/tags/att_script_async.asp
Ready-to-use-JavaScript
Ready-to-use-JavaScript
- Google Maps scripts now display a preview image in the workspace (instead of the generic JavaScript logo).
- Added ‘Countdown Days’ script.
- Added ‘Typewriter’ and ‘Typewriter Deluxe’ scripts.
The typewriter scripts simulate typing text. Typewriter Deluxe also includes a cursor and reverse mode.
- Text scripts now show a preview of the text in the workspace.
- Added support for Google Fonts.
- Added support for Global Replace (fonts and colors)
- Google Maps scripts now display a preview image in the workspace (instead of the generic JavaScript logo).
- Added ‘Countdown Days’ script.
- Added ‘Typewriter’ and ‘Typewriter Deluxe’ scripts.
The typewriter scripts simulate typing text. Typewriter Deluxe also includes a cursor and reverse mode.
- Text scripts now show a preview of the text in the workspace.
- Added support for Google Fonts.
- Added support for Global Replace (fonts and colors)
News Viewer
News Viewer
- Added support for background transparency (alpha).
- Added border radius option.
- Added ‘zoom’ and ‘newspaper’ animations.
- Added support for background transparency (alpha).
- Added border radius option.
- Added ‘zoom’ and ‘newspaper’ animations.
Flexbox
Flexbox
- Flexbox properties (flex grow, flex shrink, align self, flex basis) of objects are now responsive, so you can use different values in breakpoints.
- Added 'background image+overlay' support to Flex Container.
- Plus many improvements in the flexbox layout engine.
- Flexbox properties (flex grow, flex shrink, align self, flex basis) of objects are now responsive, so you can use different values in breakpoints.
- Added 'background image+overlay' support to Flex Container.
- Plus many improvements in the flexbox layout engine.
Layer
Layer
- Added 'breakpoint' property to Panel Layer. When the viewport is smaller than the specified breakpoint value, the panel layer will become full width.
- Added 'breakpoint' property to Panel Layer. When the viewport is smaller than the specified breakpoint value, the panel layer will become full width.
HTML code view
- HTML / code viewer has a better contrast for dark color schemes.
Templates
25 new (free) responsive templates.
Blocks
Added more than 50 new blocks. Available as (free) add-on packs.
Including:
- feature blocks
- cards
- headers/footers
- forms
- photo gallery
- carousels
- count down/wait for it...
- intros
and many more
Including:
- feature blocks
- cards
- headers/footers
- forms
- photo gallery
- carousels
- count down/wait for it...
- intros
and many more
Tutorials
Added new online tutorials with an introduction to some of the new features.
An Introduction to Flex Grid
http://wysiwygwebbuilder.com/flexgrid_part1.html
http://wysiwygwebbuilder.com/flexgrid_part2.html
An Introduction to Cards
http://wysiwygwebbuilder.com/cards.html
How to add a site search to your website?
http://wysiwygwebbuilder.com/sitesearch.html
How to use Master Pages?
http://wysiwygwebbuilder.com/master_page.html
Icon Fonts
http://wysiwygwebbuilder.com/iconfonts.html
Add Rich Snippets to your website using Structured Data (schema.org)
http://wysiwygwebbuilder.com/structured_data.html
An Introduction to Flex Grid
http://wysiwygwebbuilder.com/flexgrid_part1.html
http://wysiwygwebbuilder.com/flexgrid_part2.html
An Introduction to Cards
http://wysiwygwebbuilder.com/cards.html
How to add a site search to your website?
http://wysiwygwebbuilder.com/sitesearch.html
How to use Master Pages?
http://wysiwygwebbuilder.com/master_page.html
Icon Fonts
http://wysiwygwebbuilder.com/iconfonts.html
Add Rich Snippets to your website using Structured Data (schema.org)
http://wysiwygwebbuilder.com/structured_data.html
Shape
Shape
- Improved: Shapes in 'Insert Shape' gallery are now rendered larger and sharper.
- New feature: Add ‘Full width’ mode to Shape, Text Art and Clip Art for use with SVG output mode. This makes it possible to have scalable/flexible shapes/text/clipart in layout grids.
- Improved: Shapes in 'Insert Shape' gallery are now rendered larger and sharper.
- New feature: Add ‘Full width’ mode to Shape, Text Art and Clip Art for use with SVG output mode. This makes it possible to have scalable/flexible shapes/text/clipart in layout grids.