MARKETPLACE
PLUGINS
HORIZONTAL TEXT COLLAPSER
Horizontal text collapser logo

Horizontal text collapser

Published December 2020
   •    Updated this week

Plugin details

Create chat bubbles, pills, and chip-style elements by collapsing a selected text element horizontally to fit its content. Build compact UI components without custom CSS.
       

⚡ Main Functions

Horizontal text collapsing
   Dynamically collapses text width to fit its content.
Chat bubble creation
   Turns text elements into compact chat-style bubbles.
Pill and chip UI support
   Creates pills, tags, and chips that wrap tightly around text.

⚡ Key Features

🎨 Bubble styling control
      Customize borders, padding, background, and radius.
🧩 Works with existing text elements
      No need to rebuild layouts or use custom CSS.
🔄 Layout compatibility
      Works inside groups, repeating groups, and reusable elements.



Documentation

We’ve created a detailed step-by-step guide for the Horizontal text collapser Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

- How do I use the plugin?
Install the plugin and apply it to a standard Bubble Text element on your page.

- Do I need custom CSS?
No. Styling is configured directly in Bubble.

- Can I use it inside repeating groups?
Yes. It works inside groups, repeating groups, and reusable elements.




Our Similar Plugins

- Convert text to list of words
- Animated text highlighter




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

Free

For everyone

5.0 stars   •   1 ratings
599 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   841 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/horizontal-text-collapser
- Expose ID's in your app's elements and in the workflow action "Collapse element width", specify the text's ID that you want to shrink its width.

- Run the workflow action "Collapse element width" and play with extra pixels to make it look the way you want it to. Enjoy!

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Social Network   •   Customer Support   •   Mobile   •   Chat   •   Productivity

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Perfect for long texts
August 12th, 2025
Exactly what I needed to display large text blocks neatly. Collapsing and expanding content looks smooth, and it keeps my layout tidy.
Hello, I'm Anton, part of the Zeroqode Support Team. We deeply appreciate the time you took to leave a review. Your feedback is crucial to us, and knowing that our plugin has served you well is rewarding. For any further thoughts or questions, connect with us on our forum (https://forum.zeroqode.com/) or email us at [email protected]. Sincerely, Anton
August 13th, 2025
  •  
Zeroqode - Top Bubble Agency
Bubble