Something cool is coming soon (teaser)

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

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

Links / Navigation

Post by Pablo » Tue Sep 14, 2021 5:28 pm

Links / Navigation
- New feature: Added rel="noopener" and rel="noreferrer" options to links.
This is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the Window.opener property.
'noopener' instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.
'noreferrer' means that no referrer header will be included. Additionally, has the same effect as noopener. This option may help to improve your Google LightSpeed scores.

Image


- New feature: Added the ability to add the "aria-label" attribute to make links more accessible to people with disabilities. There is no dedicated property, but you can specify the aria-label text in the 'Title' property by using the ^ split character.

Example:
Tooltip text^Label for screenreaders

This will result in the following HTML:

Code: Select all

<a href="./index.html" title="Tooltip text" aria-label="Label for screen readers">This is a link</a>
Image


For more information about aria-label is available here: https://www.w3.org/WAI/WCAG21/Technique ... ARIA8.html

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

Events

Post by Pablo » Tue Sep 14, 2021 5:31 pm

Events
- New feature: Added drop down to 'Events' button with new commands: Object Events, Page Events and All Events.

Image


Object Events, opens the event dialog for the currently selected object (or page).
Page Events, opens the event dialog for the page.
All events, open the events dialog with a list of all the events of the page and objects. This may be useful if you do not remember to which object(s) you added events.

Image

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

Preview

Post by Pablo » Tue Sep 14, 2021 5:35 pm

Preview
- New feature: Added 'Local Server' preview type. This uses a local server for preview. One of the main reasons why this option was added is to make it possible to preview the website on a mobile device (via your local network) without having to publish the website.

WYSIWYG Web Builder includes a special lightweight version of “Baby Web Server” (by Pablo Software Solutions) which will be launched automatically the first time you use preview. The server will be closed when you close the software.

Image

Another benefit is that you can add (optional) support for PHP or even setup a local MySQL database server with PHPMyAdmin.
PHP, MySQL and PHPMyAdmin should be installed separately. Note that PHP, MySQL support are currently experimental and we cannot give support on the setup of the third-party tools.

Online tutorial (preview):
https://www.wysiwygwebbuilder.com/preview_localserver.html


- New feature: Added 'Preview Currently Opened Pages' (in addition to 'preview current page' and 'preview entire website'). This generates the HTML for all pages that are currently open in the workspace.

Image

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

Publish

Post by Pablo » Tue Sep 14, 2021 5:37 pm

Publish
- New feature: added the ability to set permissions for secure ftp in "Explore'

Image

- New feature: added 'check for invalid filenames' during publish. A warning will be added to the publish log when a non-web-safe filename is detected: invalid characters are: space, #, %, <, >, &, {, }, [, ], ?, $, :, ", ', @, +, =, | and !.

Image

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

Shape Dividers

Post by Pablo » Wed Sep 15, 2021 6:44 am

Shape Dividers
- New feature: Added support for vertical shape dividers. This makes it possible to add divider to the left or right side of a layer, layout grid etc.

Image

Image


- New feature: Added 'offset' option. Useful for moving the divider to the center (50%) of the container.

Image

Image


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

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

Heading

Post by Pablo » Wed Sep 15, 2021 7:01 am

Heading
- New feature: Added 'text-stroke' option to border styles, using this option adds an outline to the text (instead of a border around the element)

Image

Image


- New feature: Added support for "background-clip:text" option. The background (color, image, gradient etc.) is clipped to the foreground text.

Image

Image


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

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

Style Manager

Post by Pablo » Wed Sep 15, 2021 7:05 am

Style Manager
- New feature: Added 'text-stroke' properties. This make it possible to use text-stroke for basically any object that supports styles (like standard text and form elements).

Image

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

Cards

Post by Pablo » Wed Sep 15, 2021 5:01 pm

Cards
- New feature: Added support for shape dividers. Another great way to decorate your cards!

Image Image

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


- New feature: Added the ability to add a speech bubble-like arrow to cards. Popover -> trigger -> speech bubble. The size of the arrow can be controlled via the 'font-size' property. Note: in this mode the card will be visible all the time. This feature can be useful to create speech bubble or advanced timelines.

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


Image

Image

Image

Image

Image

Image


- New feature: Added 'Show close button' option to header item. With close button the user can hide the card. For example, when the card is used in 'portlets' mode of the card container.

Image

Image


- New feature: Added the ability to set text decoration: none, underline or line-through.

Image


- Improved: The width of image card items can now also be specified in percentages. This makes the size of the image relative to the size of the card, which may be useful for responsive layouts.

Image

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

Card Container

Post by Pablo » Wed Sep 15, 2021 5:05 pm

Card Container
- New feature: Added 'portlets' mode. In portlets mode, the visitor of the website can rearrange cards via drag & drop. Also, cards can be hidden or expanded/collapsed. The state of the portlets will be saved for the next time the user visits the website (via webstorage). The colors of the drag & drop 'place holder' are configurable. The built-in function resetPortletsState() can be used to reset the state of the portlets (via events).

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

Image

Image


- New feature: Added the ability to set the column gap for card decks. This sets the margin for all cards in the container to the specified value. To manually control the margin for each card, set this value to '0'

Image


- New feature: Added 'grid' mode. Allow you to easily create a grid (columns / rows) with card

Image


- New feature: Added 'equal height cards' option. This specifies whether all cards in the same row should have the same height. If this option is off then cards with different content may have different heights.

Image

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

Layout Grid

Post by Pablo » Wed Sep 15, 2021 5:07 pm

Layout Grid
- New feature: Added 'Fixed width' property for columns. This makes it possible to give one or more grid columns a fixed width. This property is responsive so it can be different in breakpoints.

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

This feature is also used in the “Timeline with cards“ demo, where the columns with cards are flexible and the timeline column is fixed:
https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_timeline1.html


Image

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

Date Picker

Post by Pablo » Thu Sep 16, 2021 7:35 am

Date Picker
- New feature: Added support for 'Bootstrap Datepicker': date, time or date & time.
This can be used as alternative for the jQuery UI date picker. Bootstrap DatePicker is based on Tempus Dominus’s Bootstrap Datetime Picker https://github.com/tempusdominus/

Image

Image

Image


- New feature: Added 'focus color' property (for overlay mode). Specifies the outline color for focus state.

Image

Image


- Improved: Colors of editbox and datepicker dropdown can now be set separately.

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

Range

Post by Pablo » Thu Sep 16, 2021 7:38 am

Range
- New feature: Added 'Range' object for use in forms. Implements a slider-like control for entering numbers.
You can set a min and max value and steps to define the number intervals. For example: 0.5

Image

Image


The Range object also supports events and conditions! With conditions, the range can be linked with another input field, for example an editbox to display the selected value.

Image

Image

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

Spinner

Post by Pablo » Thu Sep 16, 2021 7:41 am

Spinner
- New feature: Added Bootstrap-mode to spinner, in addition to jQuery UI mode.
In Bootstrap mode, up and down buttons are displayed at the left and right side of the input field.

Image

Image


- New feature: Added support for padding. This controls the left and right offset of the text and also affects the size of the spin buttons in Bootstrap mode.

- New feature: Added text alignment property: left, center, right.

- New feature: Added support for conditions. This can be useful to calculate values in a form. For example, calculate the price based on the quantity in a PayPal shopping cart.

Image


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

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

Input Mask

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

Input Mask
- New feature: Added 'Input Mask' functionality to Editbox.
An inputmask helps the user with the input by ensuring a predefined format.
This can be useful for dates, numerics, phone numbers etc. The drop-down includes several predefined masks.

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

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

Image

Image

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

Editable Content

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

Editable Content

- New feature: Added 'Last modified date' in Admin overview. To remove the 'Last Update' column, just leave the 'Last Update' text field empty.

Image

Image


- New feature: Added the ability to use multiple "editable content admin' object per project.
Each admin object can have its own password and you can select which pages can be edited by the admin.
Note: if you do not select any pages, then all content pages will be included just like the behavior in the previous version.

Image

Locked