New Component: Text Container Pro — Now on the Marketplace! 🎉

Info & Announcements
1

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Text Container Pro

A styled text display with three size modes — fixed with scroll, expand to fit, or show more/less

scrollable-text-hero-banner (1)
scrollable-text-hero-banner (1)1600×1000 63.7 KB

Display long-form text with background, border, and three size modes. Fixed mode scrolls within a set height. Expand mode grows to fit all content. Show More/Less truncates with a tappable toggle. Supports selectable text for copy/paste.

Key Features

:white_check_mark: Three size modes: Fixed (Scrolls), Expand with Text, Show More / Less
:white_check_mark: Show More / Less with customizable max lines, labels, and link color
:white_check_mark: Selectable text — users can long-press to copy content
:white_check_mark: Full text styling: font size, weight, color, line height, alignment
:white_check_mark: Background color, border, border radius, padding, shadow
:white_check_mark: Opacity control for layering effects
:white_check_mark: Bind text to any database field via Magic Text
:white_check_mark: Scroll indicator in fixed mode
:white_check_mark: Works on Web, iOS, and Android

Perfect For

• Product descriptions
• Terms and conditions
• Review previews with Show More
• User bios
• Help articles
• Notification details

How to Get It

  1. Open your Adalo app editor
  2. Click the + button to open the Add Components panel
  3. Browse Marketplace Components or search for “Text Container Pro”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

7 Likes
4

Are these free? Thanks.

5

Yes, Mark!

image
image954×800 49.7 KB

6

Great! For the date picker, would that work for like a payroll system? Let’s say we can pick the pay-period. Would it allow us to do that? Can it sort certain records when pick “from certaind date” to another date?

Thanks again.

Mark

7

Hi @AKyle

That’s great addition. After testing it I have few suggestions for improvement -

  1. Ability to change the color of show more/less button.
  2. Markdown format not working. It will be great if the component support markdown format too.
  3. Option to choose font family (Heading or Body).
8

@App_Up2, apologies for the delayed reply! Using the date range picker, you can select a start date and then the end date and we can map the selected start & end dates in list filters too, learn more. : Date Range Picker | Adalo Resources

@ishantanusrivastava,

Published yesterday! :white_check_mark:

image
image355×473 11.3 KB

Other 2, in-progress.

Thank you and have a great day!

1 Like
9

Hi @Dilon

Thanks for pushing this, I appreciate it :+1:t2:

1 Like
10

Really like the “show more / less” option in this component. A lot of apps struggle with balancing clean layouts and long text content, especially on mobile screens. Having all three display modes in one component seems way more flexible than stacking multiple workarounds together in Adalo.