WWB14 Coming soon... (teaser)

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

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

Background

Post by Pablo » Mon Apr 23, 2018 5:26 pm

Background
Added ‘image+fade’ option in background properties. This will add a fading gradient overlay effect to the background.

Image

Image

Background mode -> image now displays the color picker to select the color for image + color and image + overlay.

Image

Added support for Google Maps background rendering.
You can now use a (static) Google Map image as background in most objects.

Image

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

Page

Post by Pablo » Tue Apr 24, 2018 9:54 am

Page

Added 'Disable CSS media query' option to Page Properties. When this option is enabled, then breakpoints will not be published. This may be useful for testing purposes.

Added 'Disable HTML/CSS/JavaScript formatting'. This option disables beautify/minify options for the current page. This may be useful for testing purposes or when you have added code to the page which does not support formatting.

Added 'Disable custom code'. When this option is enabled, then custom code with not be included in the published page. This way you can test the page without custom code. For example, in case something does not work, so you do not have to remove all code.

Image

Added 'Apply these breakpoints to other pages' in Manage Breakpoints. This option applies the breakpoints to other (selected) pages if they do not already exist. Note that this does not affect the layout.

Image

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

Photo Gallery/Photo Collage/Slide Show

Post by Pablo » Tue Apr 24, 2018 10:00 am

Photo Gallery/Photo Collage

When loading new images, the gallery will automatically use the meta data of the image (if available).

Added the ability to set a separate 'Thumbnail' image. This allows you to use a different (smaller) version of the image for thumbnails. It is also still possible to automatically generate a thumbnail image. This can be useful for example if you want a use a square image for the preview and the full-size image with normal aspect ratio.

Image

Added the ability to get images from a folder on the server. If the images contain description meta data then this will automatically be used for the title.

Image

Added support for Bootstrap modal in jQuery Dialog settings. This implements a responsive modal popup.

Image
Image


Slideshow

When loading new images, the gallery will automatically use the meta data of the image (if available).

Added 'Line' shape option to pagination, inspired by Bootstrap-4 Carousel indicators.

Image

Added new built-in navigation arrows, inspired by Bootstrap-4 Carousel arrows.

Image

Added the ability to get images from a folder on the server.

Image

Added ‘Maximum width’ property which limits the width of the slide show when used in full width (floating) mode. In previous versions this was fixed to 1920.

Image

Added ‘Full screen background’ slideshow mode. The images will cover the entire viewport. The slideshow will be fixed at the background, so it will not scroll with the rest of the content. Full screen background uses CSS3 animations, no JavaScript.

Image

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

Image / Picture

Post by Pablo » Tue Apr 24, 2018 2:16 pm

Image / Picture

The application now officially supports SVG images. The images will be rendered with a new built-in SVG in rendering engine.

Image

Added ‘Object-fit’ property. Specifies how the image should be resized to fit its container. Requires a modern browser! For example, Internet Explorer does not support this property! https://caniuse.com/#feat=object-fit

Image

• fill
The image is sized to fill the element's content box. If necessary, the object will be stretched or squished to fit.
• contain
The image is scaled to maintain its aspect ratio while fitting within the element's content box.
• cover
The image is sized to maintain its aspect ratio while filling the element's entire content box. The object will be clipped to fit.
• none
The image is not resized.
• scale-down
When the container is smaller than the image, it will be scaled down.

Image

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

Carousel

Post by Pablo » Tue Apr 24, 2018 2:16 pm

Carousel

Added 'Line' shape option to pagination, inspired by Bootstrap-4 Carousel indicators.

Added new built-in navigation arrows, inspired by Bootstrap-4 Carousel arrows.

Image

Added 'Flexible' mode. When this option is selected the child elements of the Carousel will be floating (instead of fixed). In this case the Carousel will be fully responsive and it can also be used inside layout grids. In 'Flexible mode' the Carousel can also be set to use the full height of the viewport.

Image

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

Lightboxes

Post by Pablo » Tue Apr 24, 2018 2:21 pm

Lightboxes
Lightbox preview image now automatically keeps aspect ratio of the image.

Added support for 3 new (third party) responsive lightboxes: lightcase, tosrus, venobox. Will be available in 'Free extras'

Image

The lightbox (in Page Properties) now supports: colorbox, lightcase, prettyphoto, swipebox, tosrus, venobox. These lightboxes can be used for YouTube, Vimeo, HTML5 Video, Inline frames and links.

Image

Added the ability to add a border (style, color, width, radius) to the lightbox preview image in YouTube, Vimeo and HTML5 video.

Added the possibility to use fancybox v3.

Image

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

Property Inspector

Post by Pablo » Tue Apr 24, 2018 5:28 pm

Property Inspector
Added 'Reset Property (RWD)'. This will reset the selected value, so will be the same across all breakpoints.

Added 'Reset All Properties (RWD)'. This will reset all responsive values of the object.

Image

The Property Inspector now displays a 'Responsive' icon if the property has different values in breakpoints, so you can quickly see whether the object has responsive properties.

Image

Added commands section with shortcuts to 'More properties', Events, Flexbox, Margin, Padding and Animations.

Image

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

Color picker

Post by Pablo » Tue Apr 24, 2018 5:28 pm

Color picker
Added 'Alpha slider' to color picker, making easier to set the alpha value of background and border colors.

Image

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

Page Properties

Post by Pablo » Tue Apr 24, 2018 5:29 pm

Added 'Use Safari mobile background fix'. This option implements a workaround for issues with full width (parallax/fixed/cover) background images on Safari mobile (iOS) browsers. This sets background-attachment to ‘scroll’, so the full image will be displayed.

Image

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

Global Replace

Post by Pablo » Tue Apr 24, 2018 5:29 pm

Global Replace
Added the ability to replace internal links.

Image

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

User defined variables

Post by Pablo » Tue Apr 24, 2018 5:31 pm

User defined variables
Added $PROJECT_CSS$ system variable. This makes it possible to specify a different name for the global (external) style sheet, instead of using the project name.

Image

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

Publish

Post by Pablo » Tue Apr 24, 2018 5:31 pm

Publish
Make a backup of the complete project (including images) in zip format.

Image

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

Wizard

Post by Pablo » Wed Apr 25, 2018 10:11 am

Wizard
Added new 'Wizard' object. This implements a wizard like component, which can be used (for example) to create a multi-page form. The wizard can either be modal (popup) or used as a standard element.

Image

Wizard is based on jQuery Dialog and has the same properties. The main difference with the Dialog object is that you can add multiple pages (steps). Adding objects works the same as with other containers, simply drag & drop the objects inside the drop area. Click the 'Next or 'Previous' button to go to another step. If the Wizard is used as a form, then the 'Finish' button will act as a submit button, otherwise it will simply close the Wizard.

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

Dialog

Post by Pablo » Wed Apr 25, 2018 10:12 am

Dialog
Added border width property.

Added box-shadow properties.

Added animation duration and easing properties.

Image

Added 'Bootstrap' mode. This will use Bootstrap's modal instead of jQuery UI.

Image

Added the ability to use the dialog as a form.

Image

Added floating mode. When this option is enabled objects inside the dialog float instead of having a fixed position, so you can create flexible layouts.

Image

Added 'Buttons' properties. Buttons will be added at the bottom of the dialog and can be used to close the dialog or trigger other actions (events). This feature replaces the previous hardcoded button options.

Image

Image

Added 'Button alignment' and 'Button margin' properties. These specify the alignment and margins of the buttons in the footer of dialog.

Added the ability to customize the style of the buttons.

Image

Added 'Breakpoint' property. When the viewport gets smaller than the specified breakpoint value, the dialog will switch to full width mode. For use with floating mode!

Image

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

Tabs

Post by Pablo » Wed Apr 25, 2018 10:13 am

Tabs
Added show and hide animations. This animates showing/hiding the panels.

Image

Added the ability to use the Tabs object as a form (Properties->Form->Enable Form).

Added the possibility to add a description and icon (FontAwesome/material icon) to tabs.

Image

Image

Added support for vertical tabs: Tabs at the left and Tabs at the right.

Image

Image

Locked

Who is online

Users browsing this forum: No registered users and 7 guests