Consolidate utility class settings into a single tab on block configuration

Created on 9 April 2025, 15 days ago

Problem/Motivation

The current process for allowing blocks (or other entities) to opt-in to VLSuite utility classes is not intuitive and involves navigating through multiple separate configuration pages. This workflow can be confusing, especially for site builders unfamiliar with the internal logic of the module.

Steps to reproduce

Navigate to the **VLSuite - Block settings** page.
Locate the block (or another entity) you want to configure, and select the fields that should be eligible for utility classes.
Then, navigate to the **VLSuite - Utility classes settings** page.
Configure which utility classes are available to the block or entity you configured in step 2.

Proposed resolution

Introduce a new configuration tab labeled "VLSuite Utilities" directly on the block (or entity) configuration page. This tab would consolidate the current two-step configuration process, allowing site builders to:

Select eligible fields for utility classes.

Assign allowed utility classes to those fields.

This improvement would streamline the user experience by reducing context switching and centralizing related settings in a more intuitive interface.

Keep the actual configuration pages. This is a complementary solution.

Remaining tasks

Design and implement the new "VLSuite Utilities" tab on the entity configuration UI.
Ensure that field selection and utility class assignment can be completed from this single interface.
Update documentation as needed to reflect the new configuration flow.
Test with different entity types to confirm compatibility.

User interface changes

A new "VLSuite Utilities" tab will be added to the entity (e.g., block) configuration form, consolidating field eligibility and utility class selection into a unified interface.

✨ Feature request

Status

Active

Version

3.0

Component

Code

Created by

Alejandro Cabarcos

Live updates comments and jobs are added and updated live.

Merge Requests

!62Consolidate utility class settings into a single tab on block configuration
Closed
🇪🇸Spain eduardo morales alberti
updated 9 days ago

Comments & Activities

Issue created by @Alejandro Cabarcos
Comment 10 days ago →
🇪🇸Spain eduardo morales alberti Spain, 🇪🇺
eduardo morales alberti → made their first commit to this issue’s fork.
Merge request !62Resolve #3518240 "Consolidate utility class" → (Closed) created by eduardo morales alberti
Comment 9 days ago →
🇪🇸Spain eduardo morales alberti Spain, 🇪🇺
Ready to review:
On a fresh installation:

Just access to /admin/config/vlsuite/utility-classes

Configure the framework

If it selects Bootstrap or Tailwind, it will load default utility classes

If it selects Custom, it will load the same utility classes as Bootstrap but empty, so each utility class will need to be filled or removed.

If the site already has configuration, the form will set bootstrap5 as the default framework
Comment 9 days ago →
System Message
eduardo morales alberti → closed merge request !62
Comment 9 days ago →
🇪🇸Spain eduardo morales alberti Spain, 🇪🇺

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024