Switch resolution from 240x320 to 320x240 S40 device

**wsfm** · 2011-07-08, 12:13

Hi,

Does anyone know what code to use (Nokia Web Tools) to detect and switch screen resolutions from a 240x320 device to 320x240 device?

I've tried using js and css, but it seems that the css stylesheet gets optimized and some styles that I put in get stripped out.

**petrosoi** · 2011-07-08, 12:51

Hey,

S40 devices don't support display orientation switching, so you don't need to worry about runtime resolution changes.

You can set the CSS file used by the app by detecting the screen width/height at app startup and by injecting a CSS file to the html head:

E.g. this works:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>css.test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />		
 		<script type="text/javascript">	
				if (screen.width > 240) {
					document.write('<link rel="stylesheet" href="landscape.css" type="text/css" />');
					}
				else {
					document.write('<link rel="stylesheet" href="portrait.css" type="text/css" />');
				}
		</script>
	</head>
	<body >
		hi there!
	</body>
</html>

CSS files or new inline styles can't be injected or created during app runtime, but you can still dynamically apply pre-declared styles during runtime using e.g. mwl.addClass / removeClass / switchClass, etc. Documented here: http://www.developer.nokia.com/dp?ur..._API_Reference

petro

**abhispandey** · 2011-09-12, 13:39

Hi Petro,

Can you provice a complete examples i tried above code but seems not working for me .. loaded on device and simulator both. To debug place an alert, for simulator, but shoowing screen width of my laptop

Thanks

**abhispandey** · 2011-09-14, 10:04

i think http://www.developer.nokia.com/Commu...en_orientation will work

Discussion Board

Thread: Switch resolution from 240x320 to 320x240 S40 device

Thread Tools

Search Thread

Rate This Thread

Display

Similar Threads

How to change 240x320 to 320x240?

320X240 resolution emulator

Problem with TopWindow module in 320x240 resolution

Rotate Orientation 320x240 to 240x320

Crash at startup on S60 3rd edition on 240x320 resolution

Posting Permissions