SWEET SIXTEEN (teaser)

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

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

"Wedding" template

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

- New template: "Wedding"

Image

This template demonstrates Motion Effects.
The animated hearts were created a standard Shape and the Particles JS script.
Another 'fun fact' about this template is that the pictures of married couple are not real people. The photos were created with artificial intelligence.

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

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

"Coffee 2.0" template

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

- New template: "Coffee 2.0"

Image

This template demonstrates a few new Card options and one of the new Carousel animations.

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

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

Tabs

Post by Pablo » Sun Aug 23, 2020 5:14 pm

Tabs

- New feature: Added ‘Steps’ mode. This implements a simple 'stepper' widget. This may be useful for registration forms, payment gateways or tutorials with steps.

Online demo:
http://www.wysiwygwebbuilder.com/suppor ... epper.html

Image


Image

- Improved: Events can now be configured via the tab settings.

Image

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

Accordion

Post by Pablo » Sun Aug 23, 2020 5:15 pm

Accordion

- New feature: Added arrow position property. The arrow can be displayed left, right or hidden.

Image


- New feature: Added the ability to use icons in the header (font awesome, material icons etc.). Each panel header can have its own icon.

Image

Image


- New feature: Added the ability to open a specific panel via bookmarks (hash).

Image

Image


- Improved: Redesigned event configuration. Events can now be configured via the panel settings.

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

Listview

Post by Pablo » Sun Aug 23, 2020 5:16 pm

Listview

- New feature: Added support for badges. To add a badge, place the label between curly brackets. Example: "Text {new}"

Image


- New feature: Added the ability to display listview items in a grid. The number of columns is responsive and can be different in breakpoints.

Image

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

"Fashion" template

Post by Pablo » Sun Aug 23, 2020 5:24 pm

- New template: "Fashion"

Image

This template demonstrates a sticky navigation bar and uses Cards for a blog-like layout.

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

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

"Cards Blog" template

Post by Pablo » Sun Aug 23, 2020 5:27 pm

- New template: "Cards Blog"

Image

Another blog layout with (almost) Cards only.

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

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

"Agency Dark" template

Post by Pablo » Sun Aug 23, 2020 5:35 pm

- New template: "Agency Dark"

Image

This template uses a border less accordion for the FAQ.
It uses SVG animations for the icons and background image CSS animation for the animated stars.
The 'Privacy' popup uses a Dialog with one of the new animations.

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

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

Overlay Menu

Post by Pablo » Mon Aug 24, 2020 7:38 am

Overlay Menu

- New feature: Added direction property (left-to-right/right-to-left).

Image


- New feature: Added 'layout mode' property. Supports 'drilldown' or 'expandable'.

Image

Image


- Improved: Added the ability to use multiple instances of the overlay menu per page.

- Improved: Added overflow-y so if the menu is larger than the viewport the user can scroll up/down.

- New feature: Added Link transitions. This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.

Image


- New feature: Added the ability to display the menu as a 'popup' or 'inline' menu in addition to 'fullscreen'.

Image

Image


Inline mode can also useful for creating fancy panels or sidebars in combination with the Panel layer.

Image


- Improved: Overlay now uses flexbox for alignment.

- New feature: Added CMS support. The Overlay menu can now also be used as part of WYSIWYG Web Builder's content management system.

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

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

CSS Menu

Post by Pablo » Mon Aug 24, 2020 7:40 am

CSS Menu

- New feature: Added support for icons in menu items (font awesome, material icons etc).

Image


- New feature: Added direction property (left-to-right/right-to-left). This reverses the horizontal buttons for RTL languages.

Image


- New feature: Added 6 new button animations: delayed left, delayed right, delayed top, delayed bottom, delayed middle and pulse

Image


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

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

Themeable Menu

Post by Pablo » Mon Aug 24, 2020 7:41 am

Themeable Menu

- New feature: Added orientation property to control the position of the sub menu: top start,top end,right start,right end,bottom start,bottom end,left start,left end

Image

Image


- New feature: Added the ability to show sub menus on 'hover' instead of 'click'. Uncheck 'Click to Open Submenus'.

- New feature: Added button spacing property. Specifies the spacing between buttons.

- New feature: Added support for 'scrollspy'.

- New feature: Added support for 'affix'.

- New feature: Added support for 'highlight current page'

Image

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

Responsive Menu

Post by Pablo » Mon Aug 24, 2020 7:43 am

Responsive Menu

- New feature: Added the ability to set border (width and color) for main or sub items. It's also possible to set a border around the around whole menu by using a negative value.

Image

Image


- New feature: Added 'spacing' property. This specifies the spacing between main items, so you can create separate buttons.

- New feature: Added 'Mobile alignment' property. This specifies the text alignment when the menu is in mobile mode.

Image


- New feature: Added CMS support. The Responsive menu can now also be used as part of WYSIWYG Web Builder's content management system.

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

Pagination Menu

Post by Pablo » Mon Aug 24, 2020 7:43 am

Pagination Menu

- New feature: Added the ability to display circular items. Set the border radius to 500 and use a negative value for the right padding to add spacing between items.

Image

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

Events

Post by Pablo » Mon Aug 24, 2020 5:52 pm

Events

- Improved: Events window displays first 25 characters of JavaScript.

Image


- Improved: Using show/hide with effect with lightbox, dialog, modal, toast, panel will automatically use show/hide instead because these features do not support effects.

- Improved: The Events window is now resizable.

Image

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

Transitions (CSS)

Post by Pablo » Mon Aug 24, 2020 5:52 pm

Transitions (CSS)

- New feature: Added animation properties: animation-name, animation-duration, animation-delay, animation-iteration-count, animation-direction, animation-timing-function, animation-fill-mode. This can be used (for example) to set the animation of the object on hover.

Image

Locked