How can you Change the Font size and Gallery Template Size when app changes to different screen size

[Tapesh]

HI 

 I need help with the font size, which needs to be updated as the screen resolution changes form Phone to tablet and tablet to Desktop, Based on the screen size this also changes the fonts.

I know this is possible, but I don't know to achieve this functionality, 

I tried to use Update Context But it seems like not working with Gallery also, i tried to use the Set property but the same. 

Can anyone please help? 

[WarrenBelz · Accepted solution]

Hi @Tapesh ,

I will give you two articles to read on responsive screen layouts the best one is probably this one. You might also find this one from Microsoft Documents useful.

I have another question, do you know which users are using the different devices? If so, you could set up a table and based on user login set a variable, and then the font size from this. Your table UserFonts would have the EmailUser and then SizeFont as numeric. At App OnStart

Set(
   vUserMail,
   User().Email
);
Set(
   vFontSize,
   UserFonts,
   EmailUser = vUserMail,
   SizeFont
)

Your label font size would then be vSizeFont

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

[Tapesh]

Hi Thanks for the reply as you are very helpful with the queries. I have one other issue here, can there be any functionality implemented, such that, if the user is using Phone the screen will have Screen1 if the user is using Tablet then a different screen which consists a combination of screen1+2 else if it is desktop then it should show different screen1+2&3 respectively. Hope you know what i mean by this. I want to show different information based on screen size. cause if I'm only using phone layout to display desktop and tablet then the application seems very weried. I want in such a way the on phone user should see the different layout, on tablet different layout and on desktop different which will be extra-large size, Is there anything like this possible? Im using the Canvas model here .. mY guess to achieve these creating components. but I'm sure. Can you brief me more about how and what ways this can be achieved?