Beaver Builder Class Dropdown WP Registry grade D+. High-severity findings · 2 findingsWP RegistryHigh-severity findings · 2 findingsOpen the reportD+

This plugin adds the ability to have user predefined CSS classes (aka utility classes) in a dropdown below the Beaver Builder class input in the Advanced tab.

The settings for this plugin are located inside of Beaver Builder's settings, under the new Utility Classes tab.

The groups and classes you define in the settings panel will then be displayed inside the builder in a dropdown below the Class input in the Advanced tab.

The little = icon next to the groups and classes let you drag/drop to reorder your groups and classes for your convenience.

Below the utility classes in the admin panel, there is a section called 'Import/Export Settings'. It is useful when you have a default list of classes you like to use on every site (or as a starting point) - so you can create them once and import them into sites as you need.

The last and what I think is the best feature is you also have the ability to select if a group is a 'Single Class Group' - meaning, you can only select one class out of the group at a time. If you check this setting for the group, then in the dropdown, it will give you radio button looking symbols to let you know which class has been added aready. If you select another class, it will swap it for you. This is useful for things like background-color or font-size where you wouldn't have more than one of those classes at a time.

Changelog

v1.0.8 - 7/25/25

• Now compatible with Beaver Builder v2.10+ Components

v1.0.7 - 3/24/25

• Fixed Fatal Error in GitHub Updater in some versions of PHP

v1.0.6 - 12/10/24

• Updated README for clarity
• Updated the term 'Predefined' to 'Utility'

v1.0.5 - 12/19/23

• Fix allows &, <, >, ", and ' characters in label field

v1.0.4 - 8/25/23

• Remove select2 as it was causing a scrolling bug in the settings modal (issue #23)

v1.0.3 - 8/24/23

• Split up the plugin in functional classes and made it namespaced
• An autoloader takes care of loading/include_once/require_once the files
• Load admin script on fl-builder-settings page
• Fixed fatal error on plugins page (issue #19) - Updater fixed with wp_tempnam and unlink method
• Fixed reorder class bug (issue #21) - Couldn't reorder classes on new groups before hitting save

v1.0.2 - 8/21/23

• Fix error when opening other settings panels
• Moved all functions to BBClassDropdown

v1.0.1 - 8/20/23

• WP Updater connected so you can get the latest version pushed from Github straight to your WP install

v0.7.0-beta - 8/19/23

• Previously you could only clear existing classes/settings manually via a url query param. Now there is a new Reset button in the settings section at the bottom of the page
• After reset (and on initial activation), a new blank group is added so you don't have to click Add Group to get started

v0.6.1-beta - 8/19/23

• Fixed - v0.5.2 patch forgot to include rows and columns in the 'secondary modal' fix

v0.6.0-beta - 8/19/23

• New Import/Export Settings feature

v0.5.2-beta - 8/18/23

• Opening a secondary BB modal (like Post Module -> Custom Layout) would throw an error as the second modal assumed it was a module settings modal. Added more strict logic to look for the module settings modal

v0.5.1-beta - 8/18/23

• JS refactoring by badabingbreda

v0.5.0-beta - 8/12/23

• Drag and Drop reorder functionality for both Groups and Classes inside of Groups
• New table layout / styles
• Made the code more DRY
• First class or group can now be deleted if not only-child
• Don't need to confirm to delete an empty group
• Bug fixes

v0.4.0-beta - 8/10/23

• Feature - On groups with single selection substitute previous selected classname from optgroup with selection
• Feature - Fix for insertion of classes that are prefix of other classes. eg. if uk-flex-center already exists, you couln't add uk-flex later with callback handled by BB in (current) version 2.7.1.1
• Some code cleanup
• Renamed singleton checkbox from checkbox to singleton in all code.
• Select2 is enabled by default

v0.3.3.0-beta - 8/7/23

• Bug - SVG that holds symbols is taking up space on other tabs
• Bug - Typo when linking to Select2

v0.3.2-beta - 8/7/23

• Get rid of Remove Group on first group since you will never delete the first group

v0.3.1-beta - 8/7/23

• Bug fixes with disabled options
• Move Delete Group to same column as Delete Class

v0.3.0-beta - 8/7/23

• Gray out (disable) already used classes in the dropdown
• Add Select2 option

v0.2.0-beta - 8/7/23

• Settings page moved to Beaver Builder settings tab

v0.1.1-beta - 8/6/23

• Settings page saves to WP options

v0.1.0-beta - 8/6/23

• Initial commit