Autosizing Font Option for Widgets

Product Suggestions
1

Hi Tulip Team,

Often times, if using a variable or table record text widgets within apps, the length of the variable/table record is variable and it is difficult to accommodate UI design for such variability.

For example, if I create a table record widget with width 400 and height 400 and set a static font size of 40, I may be able to fit 30 characters, but not 200 characters. It will change the box to scrollable. I’d like instead an option for the font size to auto-scale to say 25 based based on the length of the text but maintain the box sizing of 400x400.

The idea I would suggest is a toggle you can set to these widgets which would allow Tulip to auto-size text (maybe with a min or max font size input) to be able to accommodate variability in text length of variable and table records, instead of adding a scroll bar to the widget.

Thanks,
Wout

2

This is a great idea, thank you @iamwout . We’ll forward this to the team and also keep an eye on upvotes for prioritization.

I’ll follow up if we have any questions or a timeline.

It’s always helpful to have a bit more info about your use cases.

  • Are you hoping to show more table records at one time, or fit a column/field in better if a single record has a lot of text?
  • Would this just be for widgets with tabular data, or are you envisioning input widgets also having dynamic font sizing in display?
  • What’s the relative priority/frequency of your different use cases?

Any screenshots you may have would be very helpful!

  • Olga
3

Yes, see example below. This is a typical step we use in our apps. The “ReferenceText” fields and the reference Image are table records from a record placeholder loaded on step enter.

ReferenceText01 is the instruction shown to the operator
ReferenceText02 is the input field heading
ReferenceText03 is the image title
ReferenceImage01 is the image shown

As you can imagine, the length of the three reference text fields can vary, especially referencetext01 as some steps for operators are simple and some more complex. We currently have the widget’s font size set to be smaller than we’d like, only to accommodate one or two steps which are very long. An auto-scaling font size would be great here.

image
image897×427 18.7 KB