FitText logo

FitText

Published July 2022
   •    Updated December 2025

Plugin details

FitText transforms the size of your app's fonts into flexible sizes. Use the plugin in your app to get scalable title results that fill the full width of your element. The "FitText" plugin will only work on the "Text" element of the Bubble.
➡️ Feel free to look at the example at the link: https://acampamentonocode-plugins.bubbleapps.io/version-test/fittext

➡️ Feel free to look at the editor at the link: https://bubble.io/page?type=page&name=fittext&id=acampamentonocode-plugins&tab=tabs-1

➡️ Instructions

Using the "FitText" plugin is very simple! Follow the instructions below and everything will work perfectly.

     1 - Start by placing a "Text" element on your page and assigning the text you want. We recommend that you use "FitText" more for your page titles, but you are free to use it however you need.

     2 - Then assign this "Text" element an "ID Attribute"

     3 - Now place the "FitText" element on your page and in your configuration window define the following fields for it:

          - Element ID: Here you must define the value of the "ID Attribute" that you entered in your "Text" element

          - Adjust: Here you must adjust how much the text of the element should inflate, that is, how much it should cover the width of the element. The default value is 1. If you want this element to cover more width, enter values smaller than 1, if you prefer it to cover less, enter values greater than 1. You'll find that it's like tuning a guitar, every text you go work will need an adjustment.

$30

One time  •  Or  $2/mo

stars   •   0 ratings
33 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Acampamento no-code logo
Acampamento no-code
Joined 2021   •   38 Plugins
View contributor profile

Instructions

➡️ Instructions
Using the "FitText" plugin is very simple! Follow the instructions below and everything will work perfectly.

     1 - Start by placing a "Text" element on your page and assigning the text you want. We recommend that you use "FitText" more for your page titles, but you are free to use it however you need.

     2 - Then assign this "Text" element an "ID Attribute"

     3 - Now place the "FitText" element on your page and in your configuration window define the following fields for it:

          - Element ID: Here you must define the value of the "ID Attribute" that you entered in your "Text" element

          - Adjust: Here you must adjust how much the text of the element should inflate, that is, how much it should cover the width of the element. The default value is 1. If you want this element to cover more width, enter values smaller than 1, if you prefer it to cover less, enter values greater than 1. You'll find that it's like tuning a guitar, every text you go work will need an adjustment.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Ecommerce   •   Social Network   •   Technical   •   Mobile   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble