# Responsive Text

**URL:** <https://forum.inductiveautomation.com/t/responsive-text/25060>\
**Category:** Ignition Early Access\
**Created:** [May 16, 2019, 1:39pm UTC](https://forum.inductiveautomation.com/t/responsive-text/25060 "2019-05-16T13:39:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shindig](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/shindig/32/8955_2.png) [@Shindig](https://forum.inductiveautomation.com/u/Shindig)\
**Post date:** [May 16, 2019, 1:39pm UTC](https://forum.inductiveautomation.com/t/responsive-text/25060/1 "2019-05-16T13:39:33Z")

</div>

Hi

Is it possible to have responsive text in buttons or labels, for example that will automatically resize depending on the platform?

I have tried a flex container and coordinate container with the mode set to percent but the text remains the same size.

Thanks

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 16, 2019, 3:05pm UTC](https://forum.inductiveautomation.com/t/responsive-text/25060/2 "2019-05-16T15:05:27Z")

</div>

You could use something like the fontSize property in styles set to some numeric percent, but it’s a percent against original size, not container fill, so even using the fontSize route you would still probably want to expression bind against something like `session.props.device.type`, a la

```auto
if({session.props.device.type}=="browser","200%","125%")

```

---

<div class="post-metadata">

**Author:** ![Shindig](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/shindig/32/8955_2.png) [@Shindig](https://forum.inductiveautomation.com/u/Shindig)\
**Post date:** [May 17, 2019, 12:03pm UTC](https://forum.inductiveautomation.com/t/responsive-text/25060/3 "2019-05-17T12:03:46Z")

</div>

Thanks a million for your help @cmallonee

---

<div class="post-metadata">

**Author:** ![phandc](https://avatars.discourse-cdn.com/v4/letter/p/ce73a5/32.png) [@phandc](https://forum.inductiveautomation.com/u/phandc)\
**Post date:** [October 8, 2021, 4:31pm UTC](https://forum.inductiveautomation.com/t/responsive-text/25060/4 "2021-10-08T16:31:04Z")

</div>

At the present, if I don’t misunderstand we still can use this solution. But now we can use such as Media Query to make text responsive, right?