{"id":32481,"date":"2024-09-21T10:34:30","date_gmt":"2024-09-21T10:34:30","guid":{"rendered":"https:\/\/pluginthemehub.com\/?post_type=product&p=32481"},"modified":"2026-05-31T14:42:35","modified_gmt":"2026-05-31T14:42:35","slug":"bricks-bricksforge-gpl","status":"publish","type":"product","link":"https:\/\/pluginthemehub.com\/product\/bricks-bricksforge-gpl\/","title":{"rendered":"Bricks Bricksforge GPL"},"content":{"rendered":"

Bricks Bricksforge GPL<\/h3>\n

The Bricksforge Panel is a core feature of Bricksforge, providing a powerful and flexible tool for working with JavaScript Events, GSAP Timelines, and more inside the builder.<\/p>\n

Bricksforge Panel<\/p>\n

Benefits
\nWhat are the benefits of using the Bricksforge Panel?<\/p>\n

Events – You can easily listen to JavaScript events for any element in your project, including the document, window, and body. This gives you a lot of flexibility when it comes to adding custom functionality to your projects. You can also take advantage of Bricks-specific events, such as those related to the Slider element.
\nEvent Actions – When an event is triggered, you can perform a variety of actions, including adding\/removing classes, changing attributes, running a GSAP Timeline, and much more.
\nGSAP Animations – Create stunning GSAP Animations without writing any code. If you are a developer, you can also use custom animation objects to have full control over your animations.
\nEasy to use Despite its many powerful features, the Bricksforge Panel is easy to use and intuitive. You can quickly and easily create new events, actions, and animations, and manage them all from a single, easy-to-use interface.
\nIf you want to add some custom functionality to your project, or you want to create stunning animations, the Bricksforge Panel is the perfect tool for this job.<\/p>\n

How to use
\nAfter activating the extension, you will see a new icon in the top bar of the builder. Clicking on this icon will open the Bricksforge Panel.<\/p>\n

Bricksforge Panel Icon<\/p>\n

Alternatively, you can use the keyboard shortcut Ctrl + P to open the panel.<\/p>\n

If you\u2019ve previously opened the panel, it will stay open even after refreshing the page.<\/p>\n

Panel Toolbar
\nThe panel toolbar contains a number of useful buttons and options. On the left side, you see the navigation. Here, you can switch between the different tabs in the panel.<\/p>\n

On the right side, you see the following buttons:<\/p>\n

Save: Saves the current data.
\nMinimize \/ Maximize: Minimizes or maximizes the panel.
\nFocus Mode: The Focus Mode is an alternative design for the panel, which shows the controls on the left side. This is useful when you want to have more space for the preview, especially when creating animations.
\nChange Timeline Layout: Only available in the Timelines tab. This button allows you to change the layout of the timeline. With the new layout, the timeline will be displayed in a single row below all other columns.
\nPanel Settings<\/p>\n

Clicking the \u201ccog\u201d icon, you will see the following options:<\/p>\n

Grid Customization: You can customize the grid by changing the number of columns and the column width.
\nHorizontal Scroll: You can enable or disable the horizontal scroll. This is useful when you want to have more space for the columns on smaller screens.
\nVisible Bricks Panels: If enabled, the Bricksforge Panel will always leave space for the Bricks Panels.
\nDisable Float (Auto Adjust Builder Height): If enabled, the builder will not behave like a float element. The builder height will be adjusted automatically to fit the content. This way, you can always reach the bottom elements of the builder.
\nSave also Bricks Builder when saving: If enabled, the Bricks Builder will also be saved when you save the Bricksforge Panel. This saves you one click.<\/p>\n","protected":false},"excerpt":{"rendered":"