WYSIWYG Web Builder helps you to create your own website!

WYSIWYG Web Builder

Join our mailing list

Stay up to date with latest software releases, news, software discounts, deals and more.

Subscribe
Download WYSIWYG Web Builder 18.0.5

  -  15.2 MB  -  Trial

What's new in this version:

WYSIWYG Web Builder 18.0.5
Fixed:
- Left/right margin of layout grid not included in breakpoints
- Issue with box-sizing in Auto Complete / Bootstrap

Improved:
- 'Activate on hover' behavior of Tabs
- Full width behavior of Polygon in Layout Grid
- 'Insert Symbol' dialog is now DPI aware
- Added the ability to change the 'hamburger' title of the dropdown menu
- Default layout for Section items is now set to 'scale'


WYSIWYG Web Builder 18.0.4
- Change log not available for this version


WYSIWYG Web Builder 18.0.3
Fixed:
- Issue with master page rendering 'lock'
- Missing captions in Blocks Manager
- Issue with Panel Menu icon size

- Improved: Several improvements in the Tab Menu related to predefined styles


WYSIWYG Web Builder 18.0.2
Fixed:
- Issue with gradient hover color in CSS menu
- Issue with title font-size in Table Of Content
- Issue with Login - Edit Database

Improved:
- The option 'do not encode characters' in text, no longer encodes '<' and '>' for output
- Background image repeat rendering of page styles
- Selected items in the Object Manager and Site Manager now use focus color for better contrast
- Implemented workaround for issue with FindFirstFile() and .wbx64 on non-english Windows versions
- Optimized missing extensions logic
- Optimized layout calculations to prevent unneeded trigger of modified flag
- Toast show delay can now be 0


WYSIWYG Web Builder 18.0.1
Fixed:
- Crash related to master frames
- Issue with Card Container set to 'Carousel' and maximum width
- Issue with Card Container column gap
- Issue with font-size in Card text set to
- Issue hamburger icon color in Responsive Menu
- Issue with responsive Carousel alignment
- Missing 'ondomcontentloaded' scripts in Embedded page

Improved:
- Updated 'Photo Gallery - Carousel' block to Bootstrap 5
- PayPal Shopping cart slide animation now uses CSS transitions
- Responsive text now supports link styles
- Added checks for missing target in events with master pages
- It is now also possible to rename the page name via double click tab when a breakpoint is active
- Added support for .webp to the PrettyPhoto lightbox


WYSIWYG Web Builder 18.0.0
Styles Everywhere:
- New feature: Most built-in objects now have support for styles. This means that the colors and fonts of these objects can be controlled from one place (in the style manager).
- Previously styles were only available for basic HTML elements like form elements (editbox, select, button etc) layers, text. In WWB18, even advanced elements like menus, login forms, jQuery UI/ Bootstrap widgets, shapes and images have style support!
- It's even possible to use styles for the page background!
- Styles can be useful to quickly update the styles of the entire website during design time, but it's also possible to make a style switcher for when the page it online... So, the visitor can choose its own style.

Dark Color Scheme:
- One of the reasons why WWB18 has extended support for styles is to make it possible to introduce another cool new feature: CSS color schemes (dark / light)
- Now you can create a different color scheme for web site visitors who prefer dark mode
- Normally, when you design a website it is for light mode only
- In the style manager, each color also has an (optional) dark color property, so you can set a different color for the background, text, border when the browser runs in dark mode.
- Besides dark mode styles, WWB18 also has the possibility to invert the colors of an object for the dark color scheme. In that case, you do not have to use styles, but all colors will be inverted (negative).

Section:
- New feature: Many WWB users love Cards, because they are easier to create great looking content blocks. WWB18 has a new design element called 'Section'. A Section works the same as a Card, but the main difference is that elements can be freely positioned (layered)! Each element can anchored positioned/anchored without effecting other elements in the same section, The alignment (horizontal/vertical) of an element can be left, center, right or stretched. Image and video automatically maintain their aspect ratio. Just like a card, Sections support dividers, animations/transitions, events and much more!

Protected Content:
- New feature: Added the ability to show/hide elements based on the login status of users. Instead of creating a separate protected page, now it's also possible to protect specific content on a page.
- Available options are: show for all users (default), show for login in users only, show for logged out users only, show for specific user groups (user roles).
- For example, you can show a login button for user that are not logged in and a logout button for logged in users.
- When an protected content for an object is enabled, then the workspace will render display and 'lock' icon in the lower right corner. The color of this icon can be set in Tools -> Option -> Grid and Guides. The icon overlay can also be disabled.
- Protected Menu Items - Visibility Control of menu items based on the login status
- New feature: Added the ability to show/hide menus items based on the login status (logged in, logged out, group/user role)
- This features is available for: Breadcrumb, CSS Menu, Dropdown Menu, Go Menu, Mega Menu, Menubar, Overlay Menu, Pagination, Panel Menu, Responsive Menu, Slide Menu, Tab menu and Text menu.

Mouse Effects:
- New feature: Added 'Mouse Effects': Mouse Track and 3D tilt
- "Mouse Track" creates a sense of depth by making objects move in relation to the visitor’s mouse movement. The speed property controls the level of the effect.
- "3d tilt' tilts the object according to the movement of the mouse. The angle sets the maximum tilt rotation (degrees).

Custom Scrollbars:
- New feature: Added the ability to customize the scrollbars of web pages. Now you can make style scrollbars to match the rest of your design! There are properties to set the colors, width, border and radius.
- Note that this is an experimental feature because Custom Scrollbars are not fully supported by all browsers yet. It works in Egde, Chrome, Safari and partially in FireFox.

Simplified Ribbon:
- WWB18 has a new redesigned ribbon mode: Simplified Ribbon. The Simplified Ribbon is a combination between the classic toolbar and ribbon.
- The Simplified Ribbon shows the commands in a single line which not only brings a modern interface to WWB but also frees up space to show more of the page you are working on.
- Because there is less space available, all buttons might not be visible. If you want to switch back to the classic ribbon where you can see more commands, simply click the downward pointing arrow in the lower right corner of the ribbon to expand it. Use this arrow control to switch between the simplified and classic ribbon. It's also possible to switch between ribbon, classic menubar/toolbars and simplified ribbon in Tools -> Options -> User Interface -> User Interface

Icons Libraries:
- New feature: Added 'User Collection' functionality. This make it possible to add icons to a custom collection so you have all your favorites icons in one place.
- You add any icon form any icon library. The icons from the user collection will be saved in SVG format, so you can even remove the icon library from your computer if you no longer need the other icons!

Animations:
- New feature: Added 'Alias' functionality. This make it possible to give animation an name that is easier to remember.
- Over the years we have added many new animations. Most animations have technical names like 'transform-lightspeed-in' or 'transform-swing'.
- By using an alias they can now be displayed as 'Lightspeed In' and 'Swing'. Internally, the software will still use the original name (because renaming the animation name would break existing websites, that use that animation).
- So, an alias is only to make it easier to identify the animation. Note: when 'display aliases in user interface' is enabled then animations without an alias will not be displayed. Which can also be useful to hide less frequently used animations without removing them completely!
- New feature: Added 'Copy / Paste' functionality. This makes it possible to copy/ paste animations and transitions between objects.

Stock Photo:
- New feature: Added integration with for 'Pexels'. WWB already supported UnSplash and Pixabay, and now you can also easily use free stock photos, royalty free images & videos shared by creators on Pexels.com

Site Summary:
- New feature: Added Site Summary option. The summary contains statistics about the web site project for informational purposes.

SEO Assistant:
- New feature: Added "SEO targeting" functionality. This option uses the keywords from the page properties (Meta tags) and checks whether these words are actually used in the page title, description and main heading (h1).
- New feature: Added check for page title length. The recommended number of characters for the page title is between 30 and 60 characters. The SEO Assistant will display a warning if the title is too short or long.

Sitemap:
- New feature: Holding down the SHIFT key while changing the frequently or priority will apply the new value to all pages in the project.

Asset Manager:
- New feature: Added filter type 'Linked files', displays a list of the downloads in the project
- New feature: Added filter type 'Extensions', displays a list of all the extensions used in the project
- New feature: Added the ability to copy the file list to the clipboard via the 'Copy' button

Responsive Text:
- New feature: Added "Responsive Text" object. This is a simplified text object. It only supports one type of font, color etc per object. This makes the object easier management in complex layout (for example when using style or dark mode). Unlike the standard text object, styles/classes apply to the entire object, not just the selected text. Also, the object produces cleaner HTML output, because it does not use any inline styles.

PayPal Shopping Cart:
- New feature: Added 'transition' properties. This specifies the timing and duration for the hover transition.
- New feature: Added 'Use shipping based on weight' option. This option can be used instead of PayPal's default shopping options. The shipping fee is calculated locally and displayed in the cart instantly (instead of at checkout only).
- New feature: Added the ability to set the minimum order quantity. A (user definable) message can be displayed if the quantity is too low.
- New feature: Added 'alignment' property to the PayPal Shopping Cart. This can be used to display the shopping cart at the left or right side of the browser window, instead of centered. The ‘maximum width’ property specifies the width of the panel. Note that this feature is experimental. So, it’s currently ‘hidden’ in the Property Inspector. We will continue to improve this functionality in future updates.

PayPal Buttons:
- New feature: Added 'Move Up' and 'Move Down' buttons to "Extra Variables' properties to re-arrange the values
- New feature: Added 'Weight' property to shipping section. This option is meant to be used in combination with the 'PayPal Shopping Cart' widget to calculate the shipping costs, it overrides the default PayPal shipping settings (based shipping, extra shipping and handling). The reason why this was added is because if you used the standard PayPal shipping then it's not possible to display the complete costs until the customer checks out.
- The number represents the weight of the product. Do not include weight units like lb, oz or kg.

Heading:
- New feature: Added support for line-height and letter spacing
- Improved: Text based animations (from the Animation Manager) are now applied to the inner

. This makes animations like letter spacing and text shadow more useful.

Layout Grid:
- Improved: It is now possible to set the left and right margin of the layout grid! This may be useful to make the outer spacing of the grid the same as the gutter.
- Improved: Added support for rounded corners (border-radius)
- Improved: Added 'box shadow' options to property dialog

Flex Container:
- Improved: Implemented responsive height. The height property can now have a different value in breakpoints.
- Improved: Added support for rounded corners (border-radius)

Flex Grid:
- New feature: Added new height options: 75vh, 33vh, 25vh and 10vh (vh = viewport height)
- New feature: Added support for events, animations, transitions and motion effects
- Improved: Implemented responsive height. The height property can now have a different value in breakpoints.

Carousel:
- New feature: Added the ability to use icon libraries for navigation controls. With properties for icon color, alpha value and icon size. Icons are published in SVG format.
- New feature: Added new height options to flexible carousel: 75vh, 33vh, 25vh and 10vh (vh = viewport height).
- Improved: In flexible mode it's now also possible to set the position of the navigation controls (left, right, top, bottom and offset in percentages)
- Added the ability to the set the alpha value of the icon colors normal/hover. This can be useful, for example, to reduce the opacity of the icons when the mouse is not inside the navigation area.
- Improved: Carousel / flexible now uses Bootstrap 5. No longer depends on jQuery.
- Improved: If a Carousel is added to a page with flexible layout (a page that already has a layout grid, flexbox or flex grid) then the type is automatically set to 'flexible'.
- Improved: 'Predefined style' is now also available in the Style section of the Carousel.

Slideshow:
- New feature: Added the ability to use icon libraries for navigation controls. With properties for icon color, alpha value and icon size. Icons are published in SVG format.
- Improved: SlideShow Carousel now uses Bootstrap 5. No longer depends on jQuery.

Tabs:
- New feature: Added 'deactivate' and beforedeactivate' events. These events will be triggered when a panel gets deactivated.
- Improved: Tabs / Bootstrap type now uses Bootstrap 5. No longer depends on jQuery.

Accordion:
- New feature: Added 'deactivate' and beforedeactivate' events. These events will be triggered when a panel gets deactivated.
- Improved: Accordion now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.
- Improved: Accordion (Bootstrap) full header is now clickable (instead of just the text)
- Improved: Accordion arrows now uses SVG images instead of PNG bitmaps. This makes coloring/theming the arrows easier and also improves the quality.

Dialog:
- New feature: Added 'one-time popup' functionality via the 'Cookie Expire Days' property. A cookie is stored on the visitor’s browser to only show the dialog once across multiple visits. Use '0' to disable cookie functionality.
- Improved: Dialog now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.

Listview:
- New feature: Added the ability to set the border width of the list items.
- Improved: 'listview' mode is now CSS only. So, it no longer depends on jquery.min.js, jquery-ui.min.js and listview.min.js for markup.

Droplist:
- Improved: Added a dedicated 'droplist' icon in the toolbox. 'droplist' is an option of the listview widget. However, this option is often overlooked, although it be very useful. For example, to create dropdown selection list with images.
- Improved: The drop down arrow now use SVG instead of PNG bitmaps. This makes coloring/theming the arrows easier and also improves the quality.
- Improved: The size of the drop down arrow is now relative to the font-size

Spinner:
- Improved: Arrows now use SVG images instead of PNG bitmaps. This makes coloring/theming the arrows easier and also improves the quality.

Card:
- New feature: Added support for 'Motion Effects' (scroll effects and entrance animations) for individual card items
- New feature: Added support for letter spacing in Text item
- New feature: Added the ability to set icon position and icon offset of the Button item.
- Improved: Card Popover now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.
- Improved: Added the ability to use scroll transitions on individual card items
- Improved: Added the ability to use 'onscrollreveal' events on individual card items
- Improved: The 'Alignment' property of the card is now responsive, so it can have a different value in breakpoints
- Improved: Added 'Select Stock Photo' button to Card image properties

Card Container:
- New feature: Added 4 layout modes: coverflow, stack, cube and flip. All new modes support pagination and slideshow mode (auto start).
- New feature: Added an option to add navigation arrows to carousel, coverflow, stack, cube and flip mode.

Toast:
- Improved: Toast now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.

Editbox / Text Area:
- New feature: Added support for 'floating labels'. With floating labels, you can insert the label inside the input field, and make it float/animate when you click on the input field.

Select:
- Renamed: combobox has been renamed to 'select' which is the official name for this HTML element.
- New feature: Added 'Access key' property. Specifies a shortcut key to activate/focus the select element.
- New feature: Added support for 'floating labels'. For the select element the

Join our mailing list

Stay up to date with latest software releases, news, software discounts, deals and more.

Subscribe