SWEET SIXTEEN (teaser)

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

*** Current version: WYSIWYG Web Builder 16.0.5 ***
User avatar
Pablo
 
Posts: 22171
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Panel Layer and Panel Menu

Post by Pablo » Thu Aug 20, 2020 5:32 pm

Panel Layer and Panel Menu

- New feature: Added 'position' property to Panel Layer. Choose between fixed or static. When fixed, the panel is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. When static, the panel will scroll with the content.

Image

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

Dialog

Post by Pablo » Thu Aug 20, 2020 5:35 pm

Dialog

- New feature: Added show/hide animations to Bootstrap dialog mode. Includes 36 new animations.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... tions.html

Image


- New feature: Added border-radius property to button style.

Image


- New feature: Added 'full width' to horizontal alignment' options.

- New feature: Added 'full height' to vertical alignment' options.

Image

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

Rollover Layer

Post by Pablo » Fri Aug 21, 2020 6:38 am

Rollover Layer

- New feature: Implemented functionality to create rollover cards. When you add two cards (default and hover) and set the 'Position children' option to 'floating' then both cards will automatically get the same height so you can for example implement 'flipping cards'.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... cards.html


- New feature: Added more than 25 new CSS animations: move, flip, fold, push, cube, tilt etc.

Image


- New feature: Added the ability to trigger the rollover layer on click instead of hover.

Image

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

HTML5 Video

Post by Pablo » Fri Aug 21, 2020 6:40 am

HTML5 Video

- New feature: Added the ability to select a stock video from Pixabay.

Image

Image


- New feature: Added 'Plays inline' option. A Boolean attribute indicating that the video is to be played "inline", that is within the element's playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen. The behavior depends on the settings of the browser.

Image


- New feature: Added the ability to add sub titles. Subtitle data are simple text files that follow a specified format, in this case the Web Video Text Tracks (WebVTT) format. Multiple languages can be configured.

Image

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

HTML5 Audio/Video, YouTube, Vimeo

Post by Pablo » Fri Aug 21, 2020 6:43 am

HTML5 Audio/Video, YouTube, Vimeo

- New feature: Added 'Use Plyr' option. This adds the ability to use the 'plyr' media player instead of standard HTML5 audio/video enabling a consistent UI in all browsers.

Image

Image

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

"Profit" template

Post by Pablo » Fri Aug 21, 2020 11:35 am

- New template: "Profit"

Image

This template demonstrates Motion Effects and Entrance Animations and also uses one of the new animated shape dividers.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... rofit.html

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

"Doodle" template

Post by Pablo » Fri Aug 21, 2020 11:36 am

- New template: "Doodle"

Image

The idea behind this template was to make it look like it was manually drawn.
The doodle art was created by colorgfx. All other images were drawn by hand...

Preview:
https://www.wysiwygwebbuilder.com/suppo ... oodle.html

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

"Comic Book" template

Post by Pablo » Fri Aug 21, 2020 11:37 am

- New template: "Comic Book"

Image

The idea behind this template was to make the page look like a Comic Book.
It uses a flex grid for the layout.
Many thanks to FilosoFashion for modeling for the "pop art' images ;)

Preview:
https://www.wysiwygwebbuilder.com/suppo ... cbook.html

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

Page

Post by Pablo » Fri Aug 21, 2020 5:14 pm

Page

- New feature: Added 28 gradient styles to page style properties. The output will be a full-size background gradient using CSS (instead of images, like in previous versions). For backward compatibility, 'horizontal' and 'vertical' options (with image output) are still available.

Image


- New feature: Added the ability to disable CSS animations and transitions for smaller screens.

Image

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

Rotate

Post by Pablo » Fri Aug 21, 2020 5:15 pm

Rotate

- New feature: Added the ability to rotate (almost) all basic elements. For example: line, heading, banner, media, navigation, form elements (button, combobox, editbox, text area).

Image

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

CAPTCHA

Post by Pablo » Sat Aug 22, 2020 11:36 am

CAPTCHA

- New feature: Added the ability to set the text color of the image (in addition to using a random color).

- New feature: Added the ability to set the transparency of the text, so the background will shine through.

Image


- New feature: Added new background effects: 'noise' and 'dots & lines'.

Image

Image

Image


- New feature: Added wave effect. This will apply a wave filter to the image to make it harder to read for spam bots.

Image


- New feature: Added 'Enable rotation' property. Specifies whether to use randomly rotated characters.

- New feature: Added the ability to specify which characters will be used in the image. Avoid using confusing characters and numbers (For example: l, 1 and i)

Image


- New feature: It's now possible to hide the standard editbox (set offset to -99). This allows you to create your own input control to give you more control over the size, position and styling.

- New feature: Added 'math' CAPTCHA mode. This displays a (random) mathematical challenge, instead of characters.

Image


- New feature: Added built-in support for Google’s reCAPTCHA v2 and reCAPTCHA v3.

Image

Image


- New feature: Added support for hCAPTCHA. hCaptcha is a free, private and secure CAPTCHA service that helps protect your forms against spam which works along similar lines to Google’s version but offers more methods of identifying and blocking bots.

Image


- New feature: $CAPTCHA_ERROR$ site variable. This can be used to specify a custom captcha error message.

Image


- New feature: Added support for events. The 'callback' event will be triggered when the user submits a successful response. For example, to enable the submit button.

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

Form

Post by Pablo » Sat Aug 22, 2020 11:39 am

Form

- New feature: Normally, when a checkbox or flipswitch is unchecked then the browser will not send the value to the server. In WWB16, you can now also set a value for the ‘OFF’ state. You can set the OFF value, by using two values separated by a pipe-symbol. For example: ON | OFF

Image


- New feature: Added support for multiple select combobox values in the MySQL script.

- New feature: The built-in form processor script can now handle multiple file uploads in combination with File Upload -> multiple.

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

Advanced Button

Post by Pablo » Sat Aug 22, 2020 11:40 am

Advanced Button

- New feature: Added the ability to use the Advanced Button as a link. The URL of the link can be set via the ‘Link’ settings. This new feature may be useful if you want to create a multi-line link button.

Image

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

Themeable Button

Post by Pablo » Sat Aug 22, 2020 11:43 am

Themeable Button

- New feature: Added 'cursor' property. Specifies the mouse cursor to be displayed when pointing over the button.

Image


- New feature: Added 'text alignment' property.

Image


- New feature: Added 'border style' property to Themeable Button.

Image


- New feature: Added support for padding.

- New feature: Added the ability to set the alpha value of the border color.

- Improved: Added the ability to enable/disable Themeable Buttons via events.

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

"Sinatra" template

Post by Pablo » Sat Aug 22, 2020 5:18 pm

- New template: "Sinatra"

Image

This template was inspired by the music and cover art of Frank Sinatra with some random photos of my Sinatra collection.
The color scheme was taken from the album cover "Swinging Lovers".
One of the 'highlights' of this template are the cards with song titles and animated vinyl records (triggered on mouse over).

Preview:
https://www.wysiwygwebbuilder.com/suppo ... natra.html

Locked