topic Re: Resizing font for text and string controls in G Web Development Software

Resizing font for text and string controls

psmorris — Wed, 01 Mar 2023 09:28:18 GMT

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

Re: Resizing font for text and string controls

IlluminatedG — Wed, 01 Mar 2023 16:26:26 GMT

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.

Re: Resizing font for text and string controls

MilanR — Wed, 01 Mar 2023 17:02:52 GMT

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.

Re: Resizing font for text and string controls

psmorris — Wed, 01 Mar 2023 19:24:47 GMT

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

Re: Resizing font for text and string controls

MilanR — Wed, 01 Mar 2023 21:44:22 GMT

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

Re: Resizing font for text and string controls

IlluminatedG — Wed, 01 Mar 2023 21:52:55 GMT

yup inkscape is cool

Re: Resizing font for text and string controls

psmorris — Wed, 01 Mar 2023 22:28:18 GMT

That's great, thanks!

I'll give it a go that way!

Paul