How to make activities native to screen size automatically

turbomike · August 2012

Hi, I'm working on an app that has an IRC chatroom and I've been given code to embed into a custom page. No problems so far except the screen needs to be scrolled to read the chat (from left to right). I can adjust the code to fit my particular phone, but then it doesn't fit my tablet of a different screen resolution.

How can I make the code (chatroom) scalable to fit any screen?

Here's an example snippet of the given code.
align="left" frameborder="0" height="600" scrolling="no" src="http://notarealurl.com" width="300"

Thanks,
Mike

turbomike · January 2013

Bueller?

ianj · January 2013

Can you set height and width to a percentage of the screen rather than a pixel value such as width=80%. That way it would always be 80% of whatever screen it is viewed on. That is how I have always done it on webpages.

turbomike · January 2013

Thanks for the input. I'll see what I can find. I'm really rusty on html. (was proficient a decade ago)

turbomike · February 2013

I have to say I never got around to testing this. There is another problem... when you rotate the phone's orientation from portrait to landscape, most chat rooms, flash games and I've found HTML5 games also restart and reset.

For example. Netflix starts in portrait. Find the movie you are looking for, click play and it switches to landscape mode automatically. You can't then rotate your screen and watch movies in portrait mode because it is locked to view in landscape only.

We need an option to lock it down to the orientation of our choice, per each activity. I have some apps with 50+ demos or mini games and always get complaints about this problem.

turbomike · October 2013

Here's some sample code that works using percentages:

<iframe width="100%" height="100%" scrolling="no" src="http://widget.mibbit.com/?settings=91824d3bed227b3193ddde34ae35a48f&server=irc.mibbit.net&channel=#Chaturbate"></iframe>

More detailed instructions here:
http://www.dynamicdrive.com/forums/showthread.php?2568-Looking-for-code-to-auto-resize-images-with-window-resize-without-reload

How to make activities native to screen size automatically

Comments