Question: Any way to increase font-size/scaling of the PHET Sim inside an iframe?

[firasm]

hello! first of all, thanks so much for all of the excellent PHET sims! I really enjoy teaching with them.

I am trying a new teaching technology (Jupyter Notebooks) when teaching a lecture and I have two questions:

1. I'm struggling with how to increase the font/text/element size while the phet SIM is embedded inside an iframe.

The text (circled in purple) is most I'm interested in increasing the size. Is there a setting (perhaps an iframe property or CSS) that will allow me to change the size?

2. Relatedly, there is a lot of empty space in the sim and it would be useful to make the sim "responsive" ?

Thanks in advance!

[ariel-phet]

@firasm unfortunately with the sim "as is" from our website if you are embedding it, there are not easy ways to change those sizes. Since our sims are designed to handle translated strings and such we have built in max widths and such for strings and have not explored the functionality you are requesting. As for all the empty space, if you choose the size of the embedding window to better match the aspect ratio of the sim, you can at least remove the empty space on the top and bottom.

Our code is of course all open source, so if you are skilled with Javascript you could consider making a local copy of the sim and adjusting these font size and such as you see fit.

[firasm]

sounds good - thanks for the reply!

Next time I'll have a chance to do this is likely the summer so we can close the issue for now, or leave it open - as you wish!

[Denz1994]

Closing this issue for now. If any further work is expected to be done here, we can reopen when that time comes.