83
Views
7
Comments
Solved
How to implement change website font-size by link/button
Question

Hi all,

I would like to ask is there any plugin on forge can do the change font-size function like following example:

There are link/button on header, end-user can click to change the website font-size.

Please share idea on how to do this function. Many thanks~

Hi,

did you try implement some CSS to do this?


What kind of app you have? Mobile / Reactive / Web Traditional


Regards,

Miguel

Rank: #43

Jack Wong wrote:

Hi all,

I would like to ask is there any plugin on forge can do the change font-size function like following example:

There are link/button on header, end-user can click to change the website font-size.

Please share idea on how to do this function. Many thanks~

Hi Jack


please check below post this is how you can do

https://www.outsystems.com/forums/discussion/45651/dynamic-text-size/


Rank: #43
Solution

My thought, it would be a cleaner and easier solution to just set a class on the body and set the font-family in css according to that class.

And on click on icon you can change that via javascript. 

document.getElementById("your main container").className += " fontclass";

als ogo through this link to get an idea how to change css styles:

https://www.w3schools.com/js/js_htmldom_css.asp

I am creating a sample application for this. will upload once done.

check this component:

WebPage Font Size Controller