This is a major update for Quick 'n Easy Web Builder 12. This version adds many new features and other improvements.
What's new?
- New feature: Added support for OpenAI's new image generator: gpt-image-1. This is currently the most powerful AI image generator available. It's is create for created advanced images with text.
- New feature: Added 'fade' mode to the Card Container. Enabling simple card transitions with a smooth fading slideshow effect.
- New feature: Added 'speed' property to Card Container. This controls the speed of the transition between cards. Applies to coverflow, stack, cube, flip and fade
- New feature: Added 'loop' property to Card Container. Set to true to enable continuous loop mode, instead of restarting at the begin. Applies to coverflow, stack, cube, flip and fade.
- New feature: Added alignment for images in Flexible Layouts. Previously, images with max-width were always centered. Now, you can align them to the left, right, or keep them centered, giving you more control over your design.
- New feature: The "Content Place Holder" object for Master Frames can now be used within Layout Grids. This enhancement enables more versatile and structured designs, making it easier to create layouts with sidebars or
other nested structures while utilizing the Master Frame concept.
- New feature: The "Create a variation of an existing image" option (AI) now also supports ComfyUI, offering a free, local alternative to OpenAI and StabilityAI's image variation functionality.
- New feature: The "Image Enhancement - in-painting" option (AI) now also supports ComfyUI, offering a free, local alternative to OpenAI and StabilityAI's image in-painting functionality.
- New feature: The "Image Expand - out-painting" option (AI) now also supports ComfyUI, offering a free, local alternative to OpenAI and StabilityAI's image out-painting functionality.
- New feature: Added an "Influence" option under AI → Create Variation for existing images. This setting, represented as a float value from 0.0 to 1.0, controls how much the original image impacts the generated variation.
0.0: The new image will closely resemble the original. 1.0: The new image will be completely different. Values in between create a mix of similarity and variation.
- New feature: Added two new alignment options for the Responsive Menu hamburger icon: "left, button center" and "right, button center". This makes it possible to center the icon.
- New feature: Added the ability to set the border radius of Mega Menu (hover) links.
- New feature: When using a negative left padding for sub items in a Mega Menu (Style Sub Item -> Padding -> Left). The sub item will no longer be shifted to the right. This can be helpful if you want to align the text with the heading of the menu.
- New feature: Added support for sub menu animations in DropDown Menu (fade, slide-left, slide-top, slide-right, slide-bottom, scale)
- New feature: Added the ability to set the border radius of DropDown Menu sub items individually. By default, when set to -1, sub-items will inherit the same border radius as the main menu. To customize the appearance, simply specify a different value to apply a unique border radius to sub-items.
- New feature: Added 'Label' property to set the title of the hamburger button.
- New feature: Added the ability to load images from a folder on the server in Photo Grid.
- New feature: Added 'Sort order' in Photo Gallery/Photo Grid/Photo Collage/Slideshow -> Source -> Get Images from a folder on the server. Photos can now be sorted alphabetically, random order, newest first and latest first.
- New feature: Added 'Image count' in Photo Gallery/Photo Grid/Photo Collage/Slideshow -> Source -> Get Images from a folder on the server. This allow you to set a limit for the number of displayed images. For example, to show the 10 newest images only.
- New feature: Added 'Scrollable' option to Bootstrap Dialog . When this option is enabled, only the content area (body) of the modal will be scrollable.
- New feature: Added 'position' property to FlexGrid. This adds the ability to use the flexgrid as header, footer or sticky.
- New feature: Added 'Box Shadow' properties to Carousel
- Improved: The Slideshow's "Get Images from a Folder on the Server" option now supports Background, Ken Burns, Swiper, and Thumbnail Gallery types. This allows for dynamically loading random images from the server seamlessly.
- Improved: Upgraded to jQuery UI v1.14.
- Improved: Replaced 'icons' with 'icon' property in Themable button split mode. For compatible with jQuery UI v1.14.
- Improved: jQuery UI effect scripts (bars, blast, squares) updated for compatible with jQuery UI v1.14.
- Improved: Lazy load in Photo Gallery now also applies to images loaded from online folder.
- Improved: The Card Container now displays pagination numbers when the standard pagination is off to make it easier to switch between slides.
- Improved: Optimized exception handling in PHP form scripts.
- Improved: Email validation in forms has been updated to use FILTER_VALIDATE_EMAIL instead of preg_match, providing a more reliable and standardized method for validating email addresses in PHP.
- Improved: There is no longer a limitation to the number of nested grids in combination with form validation and web storage.
- Improved: Image names containing brackets are now flagged as invalid in Error Reports to prevent potential issues with JavaScript compatibility.
- Improved: Enhanced ID validation in Error Reports: ID cannot contain spaces or special characters. Only letters, digits, hyphens, and underscores are allowed.
- Improved: Error Reports displays a warning when an outdated jQuery version is selected in the page properties.
- Improved: Upgraded Bootstrap scripts to v5.3.6
- Improved: Implemented a workaround to prevent conflicts between Bootstrap and jQuery UI tooltip() and button() methods.
- Improved: Added 'Full Width' property to Date Picker, Tabs and Accordion.
- Improved: When copying and pasting a label/editbox pair, the 'for' attribute is automatically updated to match the new ID.
- Improved: Bootstrap validation error reporting.
- Improved: Implemented support for 'close on escape' in dialog type Bootstrap.
- Improved: Added gpt-4.1, gpt-4o-mini and gpt-4o-nano to the list of OpenAI text models.
- Improved: Bootstrap Dialog scrolling behavior. When the modal becomes too long for the viewport or device, it scrolls independent of the page itself.
- Improved: There is no longer a limitation to the number of nested grids in combination with form validation and web storage.
- Improved: Added a “Clone” button to the Carousel properties to duplicate the selected slide (including all its style settings) with a single click.
- Fixed: Issue with Card max-width size calculation in breakpoints
- Fixed: Issue with (fixed) Layout Grid column height in breakpoints.
- Deprecated: Instagram integration has been deprecated due to the discontinuation of the Instagram JavaScript API. For more details, visit: https://developers.facebook.com/blog/po ... splay-api/.
If you are looking for an easy way to display Instagram feeds then these third party service may be useful: https://behold.so or https://curator.io
You can download the updated versions here:
https://www.quickandeasywebbuilder.com/download.html