Something 'cool' is coming soon (teaser)

Post by **Pablo** » Thu Sep 16, 2021 5:36 pm

Login Tools - User Redirect

- New feature: Added the ability to redirect with user roles. Use brackets, to indicate that you want to use a user role. For example: {guest] or [admin]

Post by **Pablo** » Thu Sep 16, 2021 5:37 pm

Login Tools - Login

- New feature: Added 'Allow Login with Email Address' option. Specifies whether the user can also login with the email address (in addition to the username).

Post by **Pablo** » Thu Sep 16, 2021 5:38 pm

Conditions

- New feature: Added 'range' condition. An easier way to test whether the numeric input is within a range (min / max).

- New feature: Added 'set choices' action. This lets you "chain" multiple form combo boxes (select lists) together so that the selection in a "parent" list can tailor the options available in a "child" list.
Options should be separated by a comma: option1,option2,option3. By default, the text is also used as the value. But you can also configure a separate value: option1=1,option2=2,option3=3

Demo:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_cascadingdropdown.html

Post by **Pablo** » Thu Sep 16, 2021 5:39 pm

Layers, Layout Grid, Flex container

- New feature: Added the ability to select a local file as video background.
Also, if you select a background image then this will be used as the 'poster' image.

- New feature: Added support for 'universal-parallax’. This can be used as alternative for the standard parallax. universal-parallax is a third-party parallax script that is lightweight and cross browser compatible. Including mobile platforms (iOS, Android).
https://github.com/marrio-h/universal-parallax

Post by **Pablo** » Thu Sep 16, 2021 5:41 pm

Dialog

- New feature: Added the ability to set the heading tag for the dialog title (applied to Bootstrap only). Previously the title was fixed to <h4>, but now you can control this yourself. This may be useful to optimize your web site’s heading and /or improve Lightspeed scores.

Post by **Pablo** » Thu Sep 16, 2021 5:42 pm

Accordion

- New feature: Added the ability to set the heading tag for the panel titles.
See also ‘Dialog’, in the previous post

Post by **Pablo** » Thu Sep 16, 2021 5:43 pm

Flex Grid

- New feature: Added an easier way to define grid areas using the mouse.

Step 1: clear the grid (via template).

Step 2: click the first cell of the range and hold down the mouse button.

Step 3: move the mouse cursor to the last cell and release the mouse button. A new range will be created automatically. Repeat these steps to add more areas.

Post by **Pablo** » Fri Sep 17, 2021 7:20 am

Text

- New feature: Added support for underline styles: double, dotted, dashed, wave

- New feature: Added the ability to set a different underline color.

- New feature: Added RTF table support to text object. Now you can directly insert tables in text. With the ability to set the cell background color, border color and with.
Columns and rows can be resized with the mouse. The formatting (font family, font size, color etc.) can be set for multiple cells at once.
You can even copy/paste table from Word or Excel. Note however that RTF does not support all Office features.

Online tutorial:
https://www.wysiwygwebbuilder.com/tables.html

Post by **Pablo** » Fri Sep 17, 2021 7:22 am

Tables

- New feature: Added new border commands to quickly set the borders of selected cells: color, width, left, right, top, bottom, no borders, all borders, outside borders, inside border etc.

Post by **Pablo** » Fri Sep 17, 2021 7:23 am

Google Fonts

- New feature: Added 96 new Google Fonts.

- New feature: Added the ability to specify additional parameters for Google Fonts.

- New feature: Check for missing Google fonts when loading a project. This will scan the project for missing fonts and prompt to automatically install the missing fonts.

Post by **Pablo** » Fri Sep 17, 2021 7:31 am

Change Case

- New feature: Added ‘Change case’ to the context menu of text input boxes (in property dialogs). You can now easily change the capitalization, or case, of text in an input box via the context menu (right click). For example, text in links, navigation etc…

Lorem Ipsum
- New feature: Added ‘Lorem Ipsum’ insert options to the context menu of text input boxes. This may be useful to quickly insert dummy text in objects.

Post by **Pablo** » Sat Sep 18, 2021 6:26 am

Shape

- New feature: Added the ability to justify alignment of shape text.

- New feature: Added experimental 'shape-inside' text for "Flowchart Connector" shape.
Basically, this shape is exactly the same as the standard ellipse shape.
However, the text will wrap following the circle inside of the regular rectangular box.
Note: the output format should be set the SVG!

Demo:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_shapeinside.html

Post by **Pablo** » Sat Sep 18, 2021 6:30 am

ClipArt / TextArt / Shape

- New feature: Added the ability to use a video as the background for shapes, clipart and textart!
This uses CSS's clip-path (https://caniuse.com/css-clip-path) to clip the video inside the path.
Supported video's include YouTube, Vimeo, Pixabay and HTML5 video (mp4, webm).

Demo:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_shapevideo.html

- New feature: Added 'fill rule' option (normal / inverse).
This makes it possible to create 'cutout' shapes, clipart and text where the shape or text is transparent, instead of the background.

- New feature: Added the ability to add padding to the shape, clipart or text.
This is especially useful when fill rule is set to 'inverse', so you can set some spacing around the shape.

- Improved: ClipArt, TextArt, Shape objects are now responsive when the output format is set to SVG!
So, finally shapes can have different sizes in breakpoints even in fixed/absolute layouts.

- Improved: Shadow now uses native CSS filters instead of simulated effect.
This improves the size, quality and performance of the shape.
Also, image/svg remains responsive and the effect is animatable (via transition and animations).

Post by **Pablo** » Sat Sep 18, 2021 6:31 am

TextArt

- New feature: Added 3 new warp styles: circle large, circle medium, circle small.
A great way to add circular text. Note: When exported as SVG, the text is responsive.

Post by **Pablo** » Sat Sep 18, 2021 6:32 am

ClipArt / TextArt / Shape / Polygon / Banner / Text / Merged Object

- New feature: Added the ability to publish the image in WebP format. This may reduce image file sizes while maintaining the same quality. The published file will use lossless compression.

The compression level can be set in Tools -> Options -> Publish. with level 1 being the fastest, 9 being the slowest. Fast mode produces larger file size than slower ones.

It is also possible to export in WebP format via the context menu: Save as Image.

Post by **Pablo** » Sat Sep 18, 2021 5:21 pm

Image

- Improved: Image now uses scrset instead of javascript for the retina image.

- Improved: Lazy load script has been replaced with native HTML loading="lazy" attribute for better performance. Also applies to photo gallery and rollover images.

- Improved: 'gaussian blur' shadow effect has been renamed to 'drop shadow' because this is the official CSS name for this effect.

- Improved: 'drop shadow' now uses native CSS filters instead of simulated effect. This improves the size, quality and performance of the image. Also, image remains responsive and the effect is animatable (via transition and animations).

Post by **Pablo** » Sat Sep 18, 2021 5:22 pm

Picture

- New feature: Added support for 'drop shadow'.

Post by **Pablo** » Sat Sep 18, 2021 5:23 pm

Photo Gallery

- Improved: If you use WebP images in the Photo Gallery then the generated thumbnail images now also will be in WebP format.

Post by **Pablo** » Sat Sep 18, 2021 5:25 pm

Icons

- New feature: Added the ability to use multiple colors for icons. Each part of the icon can now have a different color (for SVG output format).

Demo:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_multicoloricons.html

- New feature: Added 'text-stroke' option to border styles, adds a stroke to the icon.

- New feature: Added support for Bootstrap Icons (https://icons.getbootstrap.com/) with over 1300 icons.
Bootstrap Icons will be available as free add-on: https://www.wysiwygwebbuilder.com/free_extras.html

- Improved: Added built-in support for Material Icons 4.0.0 with more than 800 new icons!

- New feature: Added support for Material Icons Round, Material Outlined and Material Icons Sharp.
These are variants of the Material Icons. The add-on Icon libraries will be available in the 'Free Extras' section: https://www.wysiwygwebbuilder.com/free_extras.html

- Improved: The Font Awesome 5 libraries will also be updated to the latest version.

Post by **Pablo** » Sat Sep 18, 2021 5:26 pm

YouTube / Vimeo / HTML5 Video

- New feature: Added support for Portrait aspect ratio 9:16.

Post by **Pablo** » Sat Sep 18, 2021 5:28 pm

Video Player

- New feature: wb.videoplayer.min.js has been replaced with plyr.min.js, so the video player now has many extra options: responsive, sub title support, aspect ratio and lots of styling options!

Post by **Pablo** » Sat Sep 18, 2021 5:29 pm

Embed
The 'plug-in' object has been renamed to 'embed', because this is the official HTML element name.
Deprecated HTML options have been removed.

- New feature: Added 'type' property to set the media type.

Post by **Pablo** » Sun Sep 19, 2021 12:17 pm

Site Tree

- New feature: Added padding support.

- New feature: Added 'indent' property to set offset for text items.

- New feature: Added 'full width' property for use with layout grids.

- New feature: Added 'text alignment' option.

- New feature: Added the ability to rotate the object.

- New feature: Added support for custom border and border images.

- New feature: Added the ability to set the line height.

- Improved: Responsive fonts.

- Improved: The Site Tree now uses Direct2D rendering instead of MSHTML. This results in faster rendering and more control over the layout.

Post by **Pablo** » Sun Sep 19, 2021 12:20 pm

CSS Menu / Text Menu

- Improved: The "Spacing" of (main) menu items is now responsive so it can be different in breakpoints. This may be helpful to increase spacing between links on mobile devices (and prevent "Tap targets are too small" warnings in Google's Lighthouse).

Post by **Pablo** » Sun Sep 19, 2021 12:20 pm

Navigation (general)

- Improved: If a navigation object (menubar, panel menu etc.) is selected then the 'Link' button will open the object's properties.

Post by **Pablo** » Sun Sep 19, 2021 12:20 pm

Text Menu

- New feature: Added 'Full Width' property. Display the menu full width in Layout Grids.

Post by **Pablo** » Sun Sep 19, 2021 12:21 pm

Breadcrumb

- Improved: The separator padding is now responsive so it can be different in breakpoints. This may be helpful to increase spacing between links on mobile devices.

- Improved: Added support for structured data (https://schema.org/BreadcrumbList), so search engines can better understand the structure of the Breadcrumb navigation.

Post by **Pablo** » Sun Sep 19, 2021 12:22 pm

Go Menu

- New feature: Added border-radius property.

Post by **Pablo** » Sun Sep 19, 2021 12:23 pm

Themeable Menu

- Improved: Added support for multilevel drop-down menus. Previously only one level was supported. Note: this requires 'click to open'.

- New feature: Added the ability to set the padding for sub items in mobile mode.

- New feature: Added 'Arrow spacing' option. Specifies the spacing between the text and the drop-down arrow.

- New feature: Added 'Use Split Button' option. A split button is a hybrid between a button and a drop-down menu. It displays a drop-down menu when the user clicks the arrow, but also offers one-click access to a default choice that doesn't require opening the menu. Note: split buttons only work with 'click to open submenus'.

Post by **Pablo** » Sun Sep 19, 2021 12:24 pm

Overlay Menu

- New feature: Added 'Expanded' option. This makes it possible to display the menu fully expanded. For example, to display a tree like navigation. When the menu is full expanded the main items with a sub menu can also have links.

Post by **Pablo** » Sun Sep 19, 2021 12:24 pm

Responsive Menu

- New feature: Added 'Arrow offset' option. This specifies the spacing between the text and arrow (for menu item with sub levels). It is also possible to set a negative offset. In that case the arrow will positioned at the right side of the menu item.

Post by **Pablo** » Sun Sep 19, 2021 12:25 pm

ListView

- New feature: Added an optional 'Search filter'. This adds a search filter bar to the listview.

Post by **Pablo** » Sun Sep 19, 2021 12:26 pm

Themeable Button

- New feature: Added 'show checkmark' option for checkbox and radio button mode. This specifies whether the optional checkmark is displayed on the button.

- Improved: The button no longer uses jQuery and jQuery UI themes when the button type is set to normal, reset, submit or link.
This will make the page weight a lot lighter.

Post by **Pablo** » Sun Sep 19, 2021 12:28 pm

Carousel / Slideshow / Snap Scroll

- Improved: The built-in pagination dots now use CSS instead of images. This slightly reduces the size and load time of the page.

- New feature: Added 8 new pagination dot styles: Dot 2 Stroke, Fill In, Fill Up, Puff, Scale Down, Scale Up, Shadow, Small Dot
These options affects the way the dots are animated between states.

Demo:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_paginationdots.html

Post by **Pablo** » Mon Sep 20, 2021 7:49 am

prefers-reduced-motion

- New feature: Added support for 'prefers-reduced-motion' via "Disable CSS animations and transitions for prefers-reduced-motion". This option will disable CSS animations and transitions if 'Reduce motion' is enabled in the user's system settings. In Windows 10 you can disable animation via Control Panel -> Turn off all unnecessary animations'. On the Mac: Accessibility -> Display -> Reduce motion

Post by **Pablo** » Mon Sep 20, 2021 7:51 am

jquery-3.6.0.slim.min.js

- New feature: Added support for the ‘slim’ version of jQuery.
The 'slim' version excludes the ajax and effects modules and is approximately 17Kb smaller than the full version of jQuery. You can select the slim version if you are just using basic features like simple events (without effects) or Bootstrap based widgets.

Post by **Pablo** » Mon Sep 20, 2021 7:51 am

Easing

- Improved: When using Easing effects in animations (for example in Bookmarks, Panel Menu, SVG animations, Snap Scroll etc), the HTML generator will now only include the jQuery Effects module (11KB) instead of the full jQuery UI library (248KB)!

Post by **Pablo** » Mon Sep 20, 2021 7:53 am

Animation and Transitions

- New feature: Added support for 'clip-path' property. This is a powerful property that allows you to create shape-based animations.

- New feature: Added 15 new animations using the clip-path property.

Demo:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_clippath.html

Post by **Pablo** » Mon Sep 20, 2021 7:54 am

Dark Mode

- New feature: Added a toggle button to quickly switch between Light and Dark mode.

Post by **Pablo** » Mon Sep 20, 2021 5:53 pm

To demonstrate the WWB17 features, we have created a bunch of new templates

Post by **Pablo** » Tue Sep 21, 2021 5:38 pm

Here are the 'live' versions of the templates.
As usual, these are just some random ideas how to use the new features of the upcoming release.

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_author.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_boutique.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_cryptocoin.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_devices.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_drinks.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_fillrule.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_hexagon.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_circle.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_layoutexperiment1.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_layoutexperiment2.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_lottie.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_neon.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_shopper.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_timetraveler.html

https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_wizzypedia.html

Post by **Pablo** » Wed Sep 22, 2021 7:18 am

And to conclude this teaser, here's the (almost) complete list of new features for WYSIWYG Web Builder 17.
https://www.wysiwygwebbuilder.com/support/wb17.html

WYSIWYG Web Builder 17 will be available within a few days...