WYSIWYG Web Builder 12 Teaser...

All the latest news about WYSIWYG Web Builder can be read in this section

*** Now available: WYSIWYG Web Builder 12.2.3 ***
User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

WYSIWYG Web Builder 12 Teaser...

Post by Pablo » Tue Feb 14, 2017 2:02 pm

The next major version of WYSIWYG Web Builder (WWB12) is planned for later this year, this will be a major upgrade with more than 125 new features and improvements!
This post will give you a sneak peak at some of these new features, it will be regularly updated with new information, so make sure you don't miss anything...

The release date is unknown at this time. But we tell you more as soon as we know it!

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Blocks

Post by Pablo » Fri Feb 17, 2017 3:28 pm

Blocks

Version 12 introduces the "Blocks' toolbox. Blocks are ‘building blocks’ that make it possible to quickly create a website by dragging predefined blocks to the work-space.
Blocks are basically just a group of standard WWB objects, so once dragged to the page you can fully customize the behavior and appearance of the content.

Using Blocks greatly simplifies the way you can build websites with WYSIWYG Web Builder. Also it helps new users get started more easily, in case they are overwhelmed by the many features of the software...

WWB12 includes a whole bunch of standard blocks to help you get started, but you can also create your own blocks (by saving a group of objects as 'Block'), so you can reuse them in other pages or projects. Also, additional ‘Block packs’ will be available in the download section of the website.
The 'Blocks' feature alone already adds dozens of new features and ideas to WWB! Example of included Blocks are: Headers, Footers, Dividers, Forms, Video Background, Counters, Features, Social Sticky, Read More, Price Tables, Share This, Fullscreen Intros and much more…

Image

Image

Image

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Scroll Transitions

Post by Pablo » Sat Feb 18, 2017 10:34 am

Scroll Transitions
WWB12 adds support for scroll transitions. This allows you to animate CSS properties of objects depending on the position of the scrollbar.
For example, you can set the opacity (fading) of an object based on the scroll position, or move/rotate/scale objects into place when it scrolls into view.

Examples:
http://www.wysiwygwebbuilder.com/suppor ... ions1.html
http://www.wysiwygwebbuilder.com/suppor ... ions2.html
http://www.wysiwygwebbuilder.com/suppor ... ions3.html
http://www.wysiwygwebbuilder.com/suppor ... color.html
http://www.wysiwygwebbuilder.com/suppor ... dient.html
http://www.wysiwygwebbuilder.com/suppor ... flyin.html

This feature is also demonstrated in this template:
http://www.wysiwygwebbuilder.com/suppor ... ibiza.html

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Open Graph Meta Tags

Post by Pablo » Sun Feb 19, 2017 4:59 pm

Open Graph Meta Tags
Added support for Open Graph Meta Tags in Page Properties->Meta tags. These settings make it easy to add Open Graph meta tags to a page to enable it to become a "rich" social object. For instance, Facebook uses this information to work out how to preview shared content in a user's Facebook profile.
The following properties are supported: og:url, og:title, og::description, og::image and og::type
https://developers.facebook.com/docs/sh ... ers#markup

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Flexbox

Post by Pablo » Mon Feb 20, 2017 9:55 am

Flexbox
WB12 adds support for CSS3 flexbox.
Flexbox is a new CSS layout mode that introduces a powerful way to lay out, align and distribute objects. Flexbox consists of flex containers and flex items.
Flex items (the objects inside a flex container) can be laid out horizontally or vertically, aligned and distributed in various ways. It is also possible to stretch or shrink objects to fill the available empty space.

Here's a live demo:
http://www.wysiwygwebbuilder.com/support/flexbox.html

Image

Image

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Layout Grid

Post by Pablo » Tue Feb 21, 2017 7:56 am

Layout Grid
- Improved: gutter, padding and margin are now responsive, so they can have different values in breakpoints.

- New feature: Added 'Use Flexbox' option. When this option is enabled, the grid will use CSS flexbox layout. This results in cleaner code and also enables some extra features like vertical alignment and entire column will be filled with the background.
Note that this is a relative new CSS feature, it is not supported by older browsers (< IE11). http://caniuse.com/#feat=flexbox

- New feature: Use different column widths in breakpoints.

- New feature: Use different column counts in breakpoint.

- New feature: Added the ability to hide columns in breakpoints.

- New feature: Added 'overflow' option. This determines what happens when columns do not fit in the current row. Overflow columns can be hidden, 100% or have custom value.

- New feature: Added vertical alignment option to columns. Note this only works when CSS flexbox is used!

- New feature: Added the ability to set the layout grid fixed to the top of the page (as page header).

- New feature: Added background overlay option. This uses the specified background color (and alpha value) to add an overlay to the background image.

Demo:
http://www.wysiwygwebbuilder.com/suppor ... anced.html

Image

Image

Image

Image

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Layers

Post by Pablo » Tue Feb 21, 2017 12:06 pm

Layers
- Improved: margins of floating layers are now responsive, so they can have different values in breakpoints.

- New feature: Added option to select semantic HTML5 tag instead of generic <div>. Available options: <article>, <aside>, <footer>, <header>, <nav>, <section>

Image

- New feature: Added background overlay option. This uses the specified background color (and alpha value) to add and an overlay to the background image (see also Layout Grid for more details).

Image

- New feature: Added the ability to use a video as background. Supported are Youtube and Vimeo URLs. This is especially useful for full width/full screen layers.
Note: this feature is also available for Layout grids and Page headers/footers!

Image

- New feature: Added ‘Position children’ option. By default, child elements of the layer use absolute positions so you can place them anywhere you want. By using 'floating' mode the objects inside the layer will float instead of having a fixed position. This can be useful when using floating layers which are set to 'Relative horizontal sizing' to create fluid layouts.

Image

- New feature: Added ‘100vh’ to floating mode options. This will set the height of the layer to 100% of the viewport. This can be useful to create floating layers with a relative horizontal size. For example, to create full height columns.

Image

Demo (100vh and floating layout):
http://wysiwygwebbuilder.com/support/wb ... eight.html

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Checkbox/Radio Button

Post by Pablo » Tue Feb 21, 2017 6:52 pm

Checkbox/Radio Button
- New feature: It is now possible to customize the style (and size) of the Checkbox/Radio Button object to override the default browser appearance. This also make the Checkbox/Radio Button responsive so it can have a different size (and color) in breakpoints.
This new behavior can be disabled with the 'use default browser styling' (This is enabled for older projects for backwards compatibility).

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Form Conditions and Calculations

Post by Pablo » Wed Feb 22, 2017 10:51 am

Form Conditions
- New feature: Added 'Conditions'. This makes it possible to show/hide/enable/disable other objects based on the value or selection of a form input field. For example, you can disable the form's submit button until the user checks a box.

Form Calculations
- New feature: Added the possibility to do basic calculations in form fields. Calculations are available in the 'Conditions' section of input fields. They can be used to calculate a value based on the values or selections of other input fields. For example, to calculate the total price of an item in a web shop based on the selected options.
Conditions/calculations options are available for Editbox, TextArea, Combobox, Checkbox and Radio Button.

Demos:
http://www.wysiwygwebbuilder.com/suppor ... ions1.html
http://www.wysiwygwebbuilder.com/suppor ... ions2.html
http://www.wysiwygwebbuilder.com/suppor ... ions3.html
http://www.wysiwygwebbuilder.com/suppor ... ions4.html

Image

Image

Image

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Forms

Post by Pablo » Thu Feb 23, 2017 7:24 am

Forms
- New feature: Added support for variables in the subject of the email message (PHP Mailer or rich text must be enabled).

- New feature: Added the ability to set ID property for hidden fields.

- New feature: Added option to include page name/referrer in form data.

- New feature: Added option to configure the auto responder email input field.

- New feature: Added the ability to send form data to an email address based on the selection in a combobox. Users can select a 'department' from a dropdown menu, and have the email sent to just that department's email address.

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

File Upload

Post by Pablo » Thu Feb 23, 2017 7:26 am

File Upload
- New feature: Added 'Accept multiple files' option. To select multiple files, hold down the CTRL or SHIFT key while selecting.

- New feature: It is now possible to customize the style of the File Upload object. The button and editbox each can have their own styling. This new behavior can be disabled with the 'use default browser styling' (This is enabled for older projects for backwards compatibility).

- New feature: Added 'Padding' option. Note: left padding will be used for the editbox and the right padding for the button.

- New feature: Added 'Place Holder' option. Specifies a short hint to help the user to fill out the input field.

- New feature: Added "Button text' option. This makes it possible to customize the text of the button.

Image

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Rollover Layer

Post by Pablo » Thu Feb 23, 2017 4:04 pm

Rollover Layer
- New feature: Added 'RollOver Layer' object. A RollOver Layer works just like the RollOver image, but instead of just images you can now use any type of objects. Both the ‘Default’ and ‘Hover’ layer can be fully customized for endless possibilities.
In additional to fixed mode (where you can place objects anywhere you want), the RollOver Layer also supports floating mode so it can be used in Layout grids.

Examples:
http://wysiwygwebbuilder.com/support/wb ... layer.html

Image

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Carousel

Post by Pablo » Fri Feb 24, 2017 7:17 am

Carousel
- New feature: Added 'Full Page' support. An easy way to create fullscreen scrolling websites (also known as single page websites or onepage sites).

Demo:
http://www.wysiwygwebbuilder.com/suppor ... lpage.html

Example template:
http://www.wysiwygwebbuilder.com/suppor ... phone.html

- New feature: Added 'CSS3 animation' option. Select animations created with the Animation Manager. A different animation can be selected for 'show' and 'hide' to create sophisticated animation effects.

Image

- New feature: Added 'News Paper' and 'Flip Horizontal/Vertical' animations.

Image

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

jQuery / jQuery UI

Post by Pablo » Fri Feb 24, 2017 10:46 am

jQuery
- New feature: Added support for jQuery 3. This version is slimmer and faster than previous versions.

Image

jQuery UI
- Improved: Upgraded to the latest version of jQuery UI. All jQuery UI scripts are combined in one file (jquery-ui.min.js instead of jquery.ui.widget.min.js, jquery.ui.accordion.min.js, jquery.ui.effect.min.js etc.). This reduces the number of generated files which may help speed up loading of your pages.
All internal scripts have been updated.

Image

- New feature: A new jQuery UI theme ‘base’ has been added:

Image

- New feature: Added the ability to customize the colors of the jQuery UI widgets (Tabs, Accordion, Dialog, Slider, Date Picker etc.) independently of the jQuery UI theme. Set ‘Use jQuery UI Theme’ to false to control the colors of each widget individually.

Image

Tabs
- New feature: Tabs can now be part of a layout grid!

- New feature: Added support for Bootstrap tabs. This will use Bootstrap’s tab script instead of jQuery UI Tabs. This will result in a smaller footprint because it does not depend on the jQuery UI framework.

Image

- New feature: Added floating mode to Tabs. When this option is enabled objects inside the tabs float instead of having a fixed position. This is recommended for flexible layouts with layout grids.

Image

- New feature: Added the ability to align the navigation tabs in the header.

Image

Accordion
- New feature: Accordions can now be part of a layout grid!

- New feature: Added support for the Bootstrap Accordion. This will use Bootstrap’s collapse script instead of jQuery Accordion. This will result in a smaller footprint because the jQuery UI framework does not need to be included.

- New feature: Added floating mode to Accordion. When this option is enabled objects inside the panels float instead of having a fixed position. This is recommended for flexible layouts with layout grids.

jQuery Dialog
- Improved: The jQuery Dialog can now have sizes and different layouts in breakpoints.

and more...

User avatar
Pablo
 
Posts: 19306
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Master Object/Page

Post by Pablo » Fri Feb 24, 2017 7:11 pm

Master Object/Page
- New feature: Master objects can now be used inside a Layout Grid. The object becomes flexible/floating when it's part of a layout grid.

Locked

Who is online

Users browsing this forum: No registered users and 4 guests