Resizing font for text and string controls

[psmorris]

I'm building a relatively simple UI in the G Web development software (2022 Q3). I'm still very much new to this bit (I am a CLA so familiary with LabVIEW etc but not so much web and html etc). 

I'm making a flexible UI and I wanted to put basically a banner at the top with the name of the system I'm creating a UI for. I thought the easiest way would be to just drop a free text box on the panel, type in the name "Our system name" and then set it to flexibly resize with the UI for different screen sizes...

However, whilst the text box itself does resize, the font within it does not... is there a (simple) way to get the desired effect? If possible I'd like to the text to stay on one line (it is literally 3 words) but just resize the font down to a minimum as the page is scaled down...

any help greatly appreciated!

Thanks

Paul

[IlluminatedG]

This would need to be done by integrating some custom CSS with media queries that can apply different font sizes based on different screen sizes. https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries may give you an idea.

[MilanR]

Another option is to make an image with the text. You can configure the image stretch and flexible resize modes. Using an svg image will resize smoothly with the size changes.

[psmorris]

The image solution was my backup, i think I'll go with that as I have no idea what I'm doing with css yet!! 

What's the best (ahem... free) tool for occasional generation of vector graphics these days? I don't think writing 3 words into an SVG warrants an ai subscription!! 

Thanks!

Paul

[MilanR]

I personally use the open source inkscape for side projects and quick svg editing.

[IlluminatedG]

yup inkscape is cool

[psmorris]

That's great, thanks!

I'll give it a go that way!

Paul