Text preview: how to insert '...' after long text
Learn how to effectively manage long blocks of text in your Bubble.io project, ensuring they maintain a set height and display only a designated number of lines - all without writing a single line of code.
Tame long text: Learn how to control lengthy content in your Bubble app with this quick tutorial.
Master text overflow: Discover the simple trick to add ellipsis and manage text height in Bubble's fixed layout pages.
Elevate your Bubble UI: Transform how you handle large blocks of text and create more polished, professional-looking apps.
Dealing with Long Text in Bubble
Thanks to everyone who leaves comments on our videos because this is a quick one from a question we received in the comments which is basically about dealing with really long bits of text. Now this is a bit of static text and just the text elements but imagine this is data you know you're saying current users, bio for example and the bio you've got like a multi-lay input and the bio field contains a large amount of text here's just some dummy text and if we go ahead and preview this we get all of the text returns on the page but what if there were other elements in the page surrounding it and we wanted to ensure that this would only be certain height.
Setting Up the Page Layout
So right now I've been a bit sloppy this is in a fixed layout page so let's put first of all put in a column and then let's make the width 100% so I only want it to be two lines well it's as simple as changing the height value to the appropriate height based on your font size so there you go 40 is the perfect height for just two lines of content and we'll refresh the page there you go we automatically get the three dots added in at the end signifying to us and our users that there is more text.
Additional Features for Text Display
Now you could use like a tool tip here to show more text you could make this suck a link through to a pop-up to show them more text but yeah basically it's dead easy dead simple to to show that there is more text and to make your text element not so big on the page and take up less space and if you're learning Bubble and you want to see more videos like this then click the link down in the description.
Can't find what you're looking for?
Search our 300+ Bubble tutorial videos. Start learning no code today!
Flexible Pricing Plans to Fit Your No-Code Journey
Choose the plan that aligns with your goals and start building your startup today.
Have questions?
We have answers!
Find answers to common questions about our membership plans, programs, and more.
Both plans offer full access to our learning resources, community, and support. The Annual plan provides a significant discount (over 15%) compared to paying monthly, and it allows you to lock in your rate for a full year.
Absolutely! You can easily upgrade or downgrade your membership plan at any time by logging into your account and selecting the desired plan. Any unused portion of your current plan will be prorated and applied to your new plan.
As a Planet No Code member, you'll receive a discount on our Bubble coaching sessions. Monthly members receive a 10% discount, while Annual members receive a 17.5% discount. To redeem your discount, simply log into your account and book a coaching session through our platform.
Our 8-week intensive mentorship program is designed to provide personalized guidance and support to help you accelerate your startup journey. You'll be matched with a startup expert who will work with you one-on-one to set goals, overcome challenges, and make rapid progress.
To apply for the Mastery Program, simply click the "Request Invitation" button on our pricing page and fill out the application form. Our team will review your application and schedule a call with you to discuss your goals and determine if the program is a good fit for your needs.
We accept all major credit cards, including Visa, Mastercard, American Express, and Discover.
While we don't offer a free trial, we do provide a 14-day money-back guarantee. If you're not completely satisfied with your membership within the first 14 days, simply contact our support team, and we'll issue a full refund.
If you decide that Planet No Code isn't the right fit for you, you can cancel your membership at any time by logging into your account and navigating to the subscription management page. Click the "Cancel Membership" button, and your membership will be terminated at the end of your current billing cycle.