Skip to content

Commit a3f41e4

Browse files
committed
I have linked to the correct App State documentation, removed the reference to the Intercom article, and merged the Auto Size content into the relevant configuration documentation.
1 parent d9bf8ff commit a3f41e4

File tree

6 files changed

+38
-59
lines changed

6 files changed

+38
-59
lines changed

docs/resources/ui/widgets/basic-widgets/text.md

Lines changed: 36 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,8 +94,42 @@ com/embed/62fd114580c94b0e84e837f19e5b57f8?sid=002d6a75-25c0-426f-9b09-9300f0cd5
9494
<p></p>
9595
<p></p>
9696

97-
- **Auto Size:** This automatically adjusts the font size of the text to fit the space
98-
available within the widget boundaries. It ensures that the text remains legible without overflowing its container, making it especially handy for responsive designs where the display may vary across different devices.
97+
- **Auto Size**
98+
99+
The `Auto Size` option allows the `Text` widget to automatically reduce its font size to fit within its parent widget. This ensures that the text remains legible without overflowing its container, making it especially handy for responsive designs where the display may vary across different devices.
100+
101+
- **Configure Parent Widget Dimensions**
102+
103+
To enable `Auto Size`, the `Text` widget must be inside a widget that has both defined width and height. Without these constraints, the font size cannot be adjusted automatically.
104+
105+
1. Select the `Text` widget.
106+
2. Check its parent widget.
107+
3. Ensure both width and height are explicitly defined.
108+
109+
:::warning
110+
Without defined dimensions, the `Auto Size` feature may not behave as expected.
111+
:::
112+
113+
- **Behavior Scenarios**
114+
115+
The following examples illustrate how `Auto Size` behaves under different container configurations:
116+
117+
- Container with width set to `infinity` and height set to `100px`, `Auto Size` disabled. The text may overflow beyond the container.
118+
- Container with width set to `infinity` and height set to `100px`, `Auto Size` enabled. The font size adjusts to fit the defined height.
119+
- Container with width set to `30%` and no height defined, `Auto Size` enabled. The feature has no visible effect due to missing height constraint.
120+
- Container with width set to `70%` and height set to `50px`, `Auto Size` enabled. The text is resized to the minimum allowed font size to remain within the container.
121+
122+
![](../built-in-widgets/imgs/20250430121459696014.png)
123+
124+
:::tip
125+
Use `Auto Size` with percentage-based dimensions for better responsiveness. For example, set the container width to `30%` and enable `Auto Size` to allow the text size to adjust as the screen size changes.
126+
:::
127+
128+
:::note
129+
The `Auto Size` feature has a minimum font size threshold. If the container becomes too small, text may clip or overflow when resizing is no longer possible.
130+
:::
131+
132+
99133

100134
<div class="video-container"><iframe src="https://www.loom.
101135
com/embed/caf1377d41d44238996fa66d06d63cb4?sid=f05598ca-e44f-4db6-bb72-82692de0ffc7" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
122 KB
Loading

docs/troubleshooting/migrate-widget-issues/configure_text_widget_auto_size_behavior.md

Lines changed: 0 additions & 48 deletions
This file was deleted.

docs/troubleshooting/migrate-widget-issues/emoji-size-on-ios-devices.md

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,3 @@ On iOS devices, emojis can appear oversized when rendered inside text widgets, d
3737

3838
![](../assets/20250430121252902305.png)
3939

40-
:::info
41-
For more details and troubleshooting, see the **[official FlutterFlow guide on emoji rendering](https://intercom.help/flutterflow/en/articles/7044370-text-emoji-is-very-large-on-some-ios-devices)**.
42-
:::

docs/troubleshooting/migrate-widget-issues/scroll_to_action_on_page_load.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,4 @@ When a `Scroll To Action` fails to trigger during a page load, it is often becau
3030

3131
:::tip
3232
Combining a delay with animation prevents the scroll action from executing before the widget appears, creating a smoother transition.
33-
:::
34-
35-
:::info[Additional Resources]
36-
Refer to **[Scroll To Action Failing on Page Load](https://intercom.help/flutterflow/en/articles/7047006-scroll-to-action-is-not-working-when-used-on-page-load)** for more troubleshooting help.
37-
:::
33+
:::

docs/troubleshooting/migrate-widget-issues/store_custom_widget_output_using_app_state.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ To use the output from a custom widget elsewhere in your project, you can store
1010

1111
:::info[Prerequisites]
1212
- You have created a custom widget in your project.
13-
- You are familiar with the **[App State management](/concepts/state-management)** system in FlutterFlow.
13+
- You are familiar with the **[App State management](../../resources/data-representation/app-state)** system in FlutterFlow.
1414
:::
1515

1616
## Steps to Store Output from a Custom Widget

0 commit comments

Comments
 (0)