Bricksforge Changelog

A bug has been fixed that caused GSAP to be accidentally loaded when using the Mega Menu.

Fixed a bug that caused the percentage values for input field widths to not work as expected under certain circumstances.

Pro Forms includes all the features of the native form and extends it with additional useful capabilities. Among others: Multi-step forms, new Form Actions, Submit Button Conditions.

With this element you can create impressive scroll video animations - without any encoding requirements.

This element lets you easily output contents from the database (options table). If a value does not exist, you can specify a fallback.

The Focus Mode has been added to the Bricksforge Panel. In this mode, Bricksforge settings are displayed on the left side and the Bricks Panels are hidden, so you can see much of the Builder Canvas. This is especially helpful for creating animations.

You can now create conditional logic on event action level. This allows you to query elements that are added to the DOM later and were not there when the event listener was created. The UI has been adapted for this purpose.

You can now navigate through the terminal history with the "Up" key, as you are used to from command lines.

You can now exclude certain pages in the backend from your backend designer settings. This can sometimes be necessary for third-party plugin pages.

You can now replace the wording "Howdy" in the admin bar with your own.

You can now use pages for a custom dashboard, in addition to templates.

You can now specify a custom URL for your WordPress installation. The normal login via "wp-admin" or /wp-login.php" will be prevented.

For Event Instances, Event Actions, Timelines and Animations you can now change the order via Drag&Drop.

The new "Disable Float" setting ensures that the panel no longer overlaps the builder. The height of the builder is automatically adjusted so that you can always reach the lower areas, even when the panel is open.

You can now create custom Event Listeners. This may be helpful if you use plugins that offer you different events that are not available in the Bricksforge UI.

You can now set a delay for events and event actions. The action will only be executed after the delay has expired.

With the new Event Action gsap.to you can quickly create animations that are not so complex that they need a timeline.

A status has been added for instances and timelines. You can deactivate them now. Disabled instances and timelines are not executed.

You now can use these two new variables: timelines, getTimeline(id) This gives you access to your timeline instances and allows you to work even more flexibly.

For the animation object, the helper function cssVars() has been added. This allows you to use CSS variables for your animations. Syntax: cssVar(name, context)

Added a new setting that causes the Mega Menu to be closed in any case when the navigation element or the Mega Menu are no longer in contact with the cursor.

When refreshing the page, the panel now remembers whether you are in the "Events" or "Timelines" tab.

The Horizontal Scroll function has been added to the panel. This allows horizontal scrolling. You can determine the widths of the individual columns yourself.

When you select a timeline, the styles of the elements of the other timelines are now reset to the default value.

You can now copy the password protected URL with one click.

Fixed a bug that caused the admin bar to be displayed in the custom dashboard.

Fixed a bug that caused the focus state of the buttons to still have the original blue color.

Fixed a few issues that caused the custom dashboard to display incorrectly under certain circumstances.

Fixed a bug that caused PIN Spacing always to be true

Fixed issues that caused animations for "From" and "FromTo" methods in the builder to sometimes not play.

Fixed an issue that causes the global classes to never leave the loading screen

Windows users can now open the Bricksforge Terminal using the following shortcut: SHIFT + CTRL + T

The Bricksforge Terminal gives you a command line from which you can execute Emmet-style commands. For example you can create several classes at once for one Bricks element or whole element structures. Example: "> container.my-class > div > heading" to create a nested element structure.

With the Backend Designer you can customize the internal WordPress admin area, but also the login. You have several options at your disposal. In addition, it will be possible for you to completely customize the dashboard with a Bricks template!

This feature is one of the strongest! Bricksforge now automatically detects the CSS variables of your created global classes and provides you with visual edit boxes to change the values. If you don't want to touch the code, you'll love this feature!

As part of the Class Detector, you get a CSS Clamp Generator that lets you compute clamp values to calculate your font sizes and insert them right away.

The Bricksforge panel has been extended with right-click context menus for instances and timelines. There you can now make various settings. More options will be added in the future.

You can now duplicate your event instances.

You can now duplicate your timelines.

You can now duplicate your event actions.

You can now duplicate your timeline animations.

You have now the possibility to import/export event instances.

You have now the possibility to import/export timelines.

If you want to create a backup or to use the same Bricksforge configuration on other sites, you can now export all Bricksforge settings, including the Global Classes and the Bricksforge Panel events & timelines.

GSAP ScrollSmoother has been updated to the latest version and a new control "Speed" has been added.

The Timelines ScrollTrigger has been extended with the control "ToggleClass". With this setting, you can toggle a class for a specific element when your selected trigger comes to the viewport or leave the viewport.

You can now delete also the out of the box Bricksforge Framework

Because GSAP's Scroll Smoother has a few limitations (such as handling fixed elements inside the scroll container or anchor scrolling), we decided to optionally add another provider. The new smooth scrolling provider Lenis is very lightweight [2kb, zipped] and a great addition for Bricksforge. You can choose now between GSAP ScrollSmoother and the new Lenis.

Fixed a bug which causes that "Remove class" did not work well for GSAP Flip actions

A new event has been created for the Bricksforge Panel: "Not in Viewport".

Fixed a bug which causes that a PHP Warning is showing if WP_Debug is activated

An error has been fixed that occurred with Safari users.

The script management for gsap plugins has been improved.

A dynamic Table Of Contents element that can be used anywhere. Whether pages, posts or templates - it recognizes your headlines. You can set various settings for it, such as a specific container to which the detection should be limited.

Keyboard Events: keypress | Touch Events: touchmove, touchcancel | Pointer Events: pointerdown, pointerup, pointerover, pointerout, pointermove, pointerenter, pointerleave, pointercancel | Mouse Events: dblclick (Double Click), mousedown, mouseup, mousemove | Document Events: visibilitychange, On Scroll Up, On Scroll Down, In Viewport | Observer: ResizeObserver, MutationObserver

Video (Self-Hosted): Play Video, Pause Video, Stop Video | GSAP: Flip, Set | Basics: Toggle Class | Local Storage: Set Item, Remove Item | Session Storage: Set Item, Remove Item |

Now you have even more control over your events and even more possibilities! With the Conditional Logic System you can execute event actions only if your expressions allow that.

In the custom code areas (or for example when creating javascript objects for your gsap actions or timelines), you have now access to useful variables like: trigger, target, event.

The GSAP Scroll Smoother has been added! With it you can give your website a smooth scrolling with one click.

"ToggleActions" have been added to the ScrollTrigger. Now you can easily set rules for different scroll events.

"Pin Spacing" has been added to the ScrollTrigger.

Create stunning text effects with GSAP SplitText!

With MatchMedia, you can have your GSAP animations trigger only when your set rules allow it.

This version includes the GSAP Snap functionality.

The FromTo method for the animation timelines has been added.

The new timeline trigger "pageload" has been added

You can now select also elements inside the builder canvas. Wording "Pick From Structure" has been replaced with an icon

The panel is your tool! Now you can make various adjustments to it so that it fits well for you. Adjust the columns so that you can work with them clearly on your screen.

When this feature is enabled, the Bricksforge panel adjusts in width and always leaves the Bricks areas blank.

Optionally, you can now save the Bricks Builder as well if you press "Save" in the panel. This saves you one click! :)

The Events and Event Actions section has been made clearer. Since a lot of areas have been added, groupings have been created to help you select the action you need more quickly.

It was difficult to add more complex code via the input field, for example the animation object. Now you can optionally use a button to open a code editor where you can work.

Moved the Select Trigger to the left to save one column.

The Bricksforge panel is now draggable! Via the yellow bar you can adjust the height according to your wishes. A double click will minimize it.

This is what many have been waiting for. You can now create Global Classes sets without having to use a prefix.

An icon has been added for areas in the panel that contain a tooltip with explanations.

Now it is possible to use Google Font Bulk Uploader for all kinds of fonts! Just follow the instructions in the documentation.

For the "JavaScript" action, you can now not only pass a function, but also write JS code.

When you work in the panel and reload the page, the panel now stays open. Then you can continue working with it directly!

The Global Classes Creator now allows you to use colons in your class names and takes them into account during creation.

Fixed wrong color display in the panel when using the Light Theme in Bricks.

Sometimes it happened with animations in Bricks templates that the elements were not recognized in the frontend. This error has been fixed.

Fixed an issue responding to an Android bug related to the touchmove event.

A problem has been fixed which caused that the mega menu is not showing when no other element is activated.

Finally this function is here! You can now create GSAP timelines with the Bricksforge Panel and connect them to events. You can bind the timelines to your CSS classes to create your own animations and easily assign them to your elements.

You can now connect your events with animations and control your timelines.

You can now execute custom JavaScript functions and also pass arguments for them.

In order to work more flexible and to have more possibilities for your event actions, it was necessary to make some changes. For most of them the changes should have no effect.

The panel can now be expanded with double click on the toolbar. Also, when is minimized, it will open when selecting a navigation item. Also we've added a shortcut to open and close the panel: CTRL + P

The maintenance mode has been extended. You can now set a password that allows selected customers to visit your site anyway. Also, you can now create a custom status code.

You can now keep the image ratio with one click. Also a bug was fixed that caused that percent values are not working correctly

Some of you were bothered by the fact that in the Bricksforge backend the WordPress menu was in the background. Now you can make a personal setting.

We have added a pointer cursor for elements inside the Popup Trigger

The Reset button for the White Label area can reset now all settings.

Bricksforge is now compatible with WordPress Multisites

Fixed problems when using the element nav menu inside a mega menu.

Fixed a bug that caused that when using mega menus, the "Link" input field was gone for menu items

Before we checked if any popup data exists. If yes, we've loaded the JS. Now we additionally check if the popups are activated as extension.

Because many of you requested it, the "Clean Up Toolbar" mode now includes the plus icon for adding items. In the long run, you will be able to control this area in more detail.

The Overlay Color default value was broken. This has been fixed.

The element can now better handle dynamic content where the height is not yet known.

Currently, the scripts for the panel were only loaded when the panel was enabled in the settings. Now it is additionally checked if there is data available for the panel for which the script is needed. If not, it will not be loaded in the frontend.

We have fixed a performance issue which appeared on the previous version. The Pagespeed Insights results should now be a lot better.

HTML minifying did not work with Bricksforge. This compatibility problem has been fixed.

Even the last version still contained errors here. Many thanks to the user who gave me a Plesk login. This made it possible to fix the error.

When OxyOrops / BricksProps was installed, the panel could not be opened. The problem has been fixed.