Tooltip Labels for Root and Component Levels

Created on 30 May 2025, 11 days ago

Problem/Motivation

It can be difficult to assume what the "+" buttons do sometimes, especially with the introduction of layout-level components like Accordions and Tabs.

Proposed resolution

Create a tooltip label with customizable text for the root level, default non-root level components, and for each component using the Layout API.

Remaining tasks

- Expose label on plus buttons
- Formulate JavaScript for Tooltip functionality
- Theme Tooltip appropriately

✨ Feature request
Status

Active

Version

3.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States philip_stier Denver, Colorado

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @philip_stier
  • Merge request !2013527511/Philip: Add tooltip label β†’ (Open) created by philip_stier
  • Pipeline finished with Canceled
    8 days ago
    Total: 685s
    #512404
  • Pipeline finished with Failed
    8 days ago
    Total: 1185s
    #512409
  • πŸ‡ΊπŸ‡ΈUnited States philip_stier Denver, Colorado

    @justin2pin - I've been able to get pretty far with adding customizable, contextual tooltip labels.

    I think I've situated the settings customizing the text of the button labels correctly, and am to pull from those configurations.

    I think I have a good working model in the actual implementation of the Insert Component Button also, of the different contexts we talked about.

    // Check query_params for parent_uuid.
    // - If empty, use root label.
    // - If has a value, get the parent entity using the Layout Paragraphs Component class / interface
    // - If the parent type has a label value, use it
    // - If not, use the section default.

    For the most part, this is working, but I can never get the `['default']` label to trigger.

  • Pipeline finished with Failed
    8 days ago
    Total: 1299s
    #512641
  • Pipeline finished with Failed
    6 days ago
    Total: 1364s
    #514500
  • πŸ‡ΊπŸ‡ΈUnited States philip_stier Denver, Colorado

    @justin2pin - I've updated the theming and animations for the tooltips :)

  • Pipeline finished with Failed
    5 days ago
    Total: 1282s
    #515516
  • First commit to issue fork.
  • πŸ‡ΊπŸ‡ΈUnited States philip_stier Denver, Colorado

    @justin2pin - I've updated the styles to cover the vanilla install of Layout Paragraphs (without ME), and have tested appropriately.

  • Pipeline finished with Failed
    1 day ago
    Total: 1120s
    #518102
Production build 0.71.5 2024