Dynamic font size per screen size and platform

[John Stephen Mangam]

Hi,

I am trying to have a slight change in the font size based on the screen size and per platform UWP, Android and iOS.

Could you please let me know how I could achieve this with an example/ sample with a change in the font size based on the screen size and per platform UWP, Android and iOS?

mainScale.LabelFontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label));

I'm targetting pcs, tab and mobiles.

Thank you.

Warm regards,
John

[Sri Gayathri Gopalakrishnan]

Hi John, 

 

Query: Dynamic font size per screen size and platform  

 

We have analyzed your query, FontSize can be changed based on the Platform and the Device types. Added the OnPlatform in the sample for Scale LabelFontSize. Please find the code snippet and sample from the below link, 

 

<gauge:Scale.LabelFontSize> 

                    <OnPlatform x:TypeArguments="x:Double"> 

                        <OnPlatform.WinPhone> 

                            <OnIdiom x:TypeArguments="x:Double" Desktop="25" Phone="20" Tablet="25"/> 

                        </OnPlatform.WinPhone> 

                        <OnPlatform.Android> 

                            <OnIdiom x:TypeArguments="x:Double" Phone="20"  Tablet="25" /> 

                        </OnPlatform.Android> 

                        <OnPlatform.iOS> 

                            <OnIdiom x:TypeArguments="x:Double"  Phone="20"  Tablet="25" /> 

                        </OnPlatform.iOS> 

                    </OnPlatform> 

                </gauge:Scale.LabelFontSize> 

 

 

http://www.syncfusion.com/downloads/support/forum/138164/ze/GaugeFont-1729409178  

 

Screenshot: 

 

 

 

Regards, 

Sri Gayathri. G 

[John Stephen Mangam]

Hi Gayathri,

thank you for the information and for the sample.

Could you please let me know how I could vary the font size based on the screensize? are there any screensizes that we can target within mobile?

Thanks and regards,
John

[Sri Gayathri Gopalakrishnan]

Hi John,  

 

Query: how I could vary the font size based on the screen size 

 

We have analyzed your query and prepared sample to adjust font size based on screen size in SizeChangedEvent. In SizeChanged event, screen size can be determined and added logic as control size 500, font size 14 has been set. The ratio of font size can be changed based on your needs. Please download the sample from the below link, 

 

http://www.syncfusion.com/downloads/support/forum/138164/ze/Font-1644845785  

 

Regards, 

Sri Gayathri. G