Mobile Screen size
Is there any way to detect the mobile screen size of a device. I know you can get the pixel capability but some phones now have HD screens with similar pixel capacity to tablets. My galaxy nexus is displaying the tablet version but I would rather it do the phone version. Not sure if there is any physical size we can pull to make a more intelligent decision on which layout to show.
The Capabilities class provides properties that describe the screen. I've used the dpi to help make things look correctly on these different highres smaller screens.
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/system/Capabiliti es.html
Greg
Similar Messages
-
Most efficient way to handle Image sizes with respect to Mobile Screen Size
Hi all,
I and trying to find the best possible way to manage Images with respect to the size of mobile screen.
If I have an image that is best fit on mobile screen size (176 x 144) then how can I make it best fit for (128 x 128) screen size ?
rizzz86Hey Rizzz86,
You could also scale down a higher resolution image to fit smaller screens, however you will find that resizing by factors other than 2, 4, 8 is harder to achieve with a decent quality and much slower on lower spec devices.
You could also display 128x128 image centered on 176 x 144 screen with black borders around it.
It will look not that bad (i.e. borders of 24 pixels top and bottom and 8 pixels left and right) and will cost you nothing in terms of space or processing.
In the end having an image in 3 different sizes will not increase the MIDlet size by much, unless you are having tens of such images (for example custom UI elements).
Best solution is to have a bit of both I think. Personally I use scaling down by factors that are powers of 2 and displaying with the black borders.
Daniel -
How do you hide elements for mobile screen sizes?
I've built an interactive Edge page that is 1200 pixels wide. I'm working on making things responsive, and I would like to hide elements when the browser hits a mobile screen size - similar to adding a media query and setting an element to display:none at 450px or similar. How can I do this within Edge?
If this is not possible within the interface, can I add my own media queries to the css to do this?
Thanks.Hi ,
Check out this forum post : Hide Elements with Screen Size CSS style sheets?. Might be helpful.
Thanks and Regards,
Sudeshna Sarkar -
ITS mobile - Screen size on mobile device is too small
Hi,
I'm not able to change the screen size of my ITS Mobile application.
If somebody can help me ...
Here are the data:
Internet service parameters
~DYNPRO_COMPRESSION : 1
~GENERATEDDYNPRO : 0
~ITSMOBILE : 1
~ITSMOBILEELEMFACTOR : 9
~ITSMOBILEELEMUNITS : px
~SOURCES : ZSAPLOG_MOBILE,ITSGENMOBILE4
~THEME : 99
~TRANSACTION : ZSAPLOG_MOBILE
Internet service templatesGenerating style: MOBILE4 (Mobile Device (No HTML tables))
ICF service - GUI Configuration
~THEME : 99
~TRANSACTION : ZSAPLOG_MOBILE
~ITSMOBILE : 1
~SOURCES : ZSAPLOG,ITSGENMOBILE4
~ITSMOBILEELEMFACTOR : 9
~ITSMOBILEELEMUNITS : px
~POPUPS : 1
~SHOW_SYSTEM_MODAL : 1
~STYLE : DHTML
LRFMDscreen size is set to 16x20ITS
Versions
SAP_BASIS : SAPKB73108
SAP NETWEAVER : SAP EHP3 FOR 7.0
Mobile device
Model : PIDION HM50 E
CPU : Samsung Electronics(R) S5PV210
OS : WEHH 6.5 Professional
VER : Windows CE 5.2.29077
Thanks for your help
PhilippePerhaps an option to set the default font for discussion threads in the user preferences would be the best idea. One would think however that the Jive developers would have come up with something like that already.
For what it's worth:
http://www.w3.org/QA/Tips/font-size
Do not specify the font-size in pt, or other absolute length units for screen stylesheets. They render inconsistently across platforms and can't be resized by the User Agent (e.g browser). Keep the usage of such units for styling on media with fixed and known physical properties (e.g print).
Once again, I wonder about Jive development. Anyway, 10 pt is not best practice. It's standard for printed media, but not for screens. A search in Google shows that most recommend 16 pixels or more. Not sure what this is in points. I think 10 points is about 12 pixels, depending on screen dpi/ppi. I cannot imagine how tiny 10 pt must look on any of the high resolution Retina displays, which have twice or more density than conventional 72 dpi. -
ITS Mobile screen sizes too small on iPhone device
Hi Everybody,
I am facing the some problems relating to screen sizes on iphone mobile. The ITS service and the templates were working fine at the desktop level..But, in iPhone,screen sizes are too small to view.We need to zoom it and enter.I have tried with screen format 16X20 and 16X20ITS.
Can any body provide the solution to fix the problem?
Regards,
MaheshYou must have a very high resolution screen, also called HiDpi.
If you have Photoshop CC 2014, you can go to Edit > Preferences > Experimental Features and checkmark "Scale UI 200%"
If you have CC, CS6, or below, there is no way to scale the UI as of yet. There may not be. These products are no longer being updated.
At best I can recommend reducing the resolution down to around 1400 px horizontal. That's not the native resolution and defeats the purpose of having a Hidpi screen.
So only thing left aside from returning the laptop, is to work with a large external monitor, or for $10/monthly, join the Photography Plan and you can use CC 2014 and the 200% UI. -
Emulating different mobile screen sizes in netbeans ?
Hi , I've tried messing around in emulator settings, but can't find a way to set the screen size so I can test my app on different conifigurations... can anyone help ?
This is very easy in netbeans, right click your project, then go to properties, then go to abilities, here you will see a table with column name 'ability' and 'value' . There you will find two parameters named 'ScreenWidth' and 'SreenHeight'. Change these two values as you wish . You r done :)
Enjoy netbeans -
Hello:
Anyone knows the suggested size for a mobile splash screen. I am experimenting development using "Burrito".
Thanks for any help.hi
canvas.getWidth() for getting width of the screen.
canvas.getHeight() for height.
but u have to sure that if u are using canvas.setFullScreenMode(true) for using fullscreen (also command area) then write this getwidth() and getHeight() after writing setFullScreenMode()
Note : there is some devices like motorola a1000 and e1000 like not giving actual screen size if u are using setFullScreenSize(true) , they are giving only actual screen size (without command area).
hope u get the answer from this ..
regards
Akash kumar
Indiagames Ltd
India.
[email protected] -
Hi All,
I am developing a reader software for mobiles. I want to make the page four times bigger than the mobile screen. The size of the page will depend on size of the screen.
How do i get the size of the screen for any mobile i use.IS there any standard method to get the size of the screen.
Can u guys help me out with this.
Bye,
Sangramhi
canvas.getWidth() for getting width of the screen.
canvas.getHeight() for height.
but u have to sure that if u are using canvas.setFullScreenMode(true) for using fullscreen (also command area) then write this getwidth() and getHeight() after writing setFullScreenMode()
Note : there is some devices like motorola a1000 and e1000 like not giving actual screen size if u are using setFullScreenSize(true) , they are giving only actual screen size (without command area).
hope u get the answer from this ..
regards
Akash kumar
Indiagames Ltd
India.
[email protected] -
Why isn't there a mobile version / screen size for apple support communities ?
Why isn't there a mobile version / screen size for apple support communities ?
GOD!
I have the same problem and I've been trying to find a way around it for about...4 hours now. It's driving me nuts!
Is there anything that can be done? Can I really not use the nano b/c of my operating system? that seems nuts to me!
am totally bummed out as mine was a gift as well and now I have to return it... -
Re: ITS mobile on Intermec CK71 Screens sizes
Hello Everyone.As of the problem we are using the Intermec CK 71 device with the Intermec browser . The problem is the custom screen sizes are not fitting to the screen exactly. An empty space is taken as many characters and the layout of the screens changes on the RF device. What is the solutions that you have done to overcome this.? Include an SAP note or change some thing in the HTML templates . Please do reply ..Thanks all of you...
RegardsHi RV,
For generating Mobile devices(without HTML templates) you would need to have service: ITSGENMOBILE4 published.
See the WIKI: [Getting to know ITSmobile by Checking out the Internet Services |http://wiki.sdn.sap.com/wiki/x/FxMMDg ]
See also: [Features and Improvements |http://wiki.sdn.sap.com/wiki/x/Pek ]
Section: DYNPRO_COMPRESSION
What BASIS Support Package are you using?
Regards,
Oisin -
Getting Mobile Device (Correct) Screen Size
I have some confusion over getting the screen size of a mobile device. I measured the following:
var hsa:AlertObject = new AlertObject();
hsa.alertMessage = "screen w:" + this.stage.fullScreenWidth + " h:" + this.stage.fullScreenHeight + "\n" +
"capscreen w: " + capmc.width + " h:" + capmc.height + "\n" +
"capabilites w: " + Capabilities.screenResolutionX + " h: " + Capabilities.screenResolutionY;
hsa.open(this, false);
I ran this on an iPod touch 4 which has a resolution of 960 X 640. The above code gives me:
screen = 480 X 320
capscreen (a movie clip I load that is scaled to the full screen and is displaying properly) = 1548.85 X 677 (I presume the original dimensions my designer gave the SWF).
Capabilities = 480 X 320
Note that 480 X 320 is precisely half of the actual screen dimensions of an iPod Touch 4. Can someone please tell me why. And, given that capscreen is displaying (properly) at the time I take these measurements and display results, why is capscreen reporting larger than the actual dimensions of the device? Also, my app orrientation is landscape only and yet the dimensions I'm getting are that width is < height which means the device is reporting in portrait mode.
If I just need to check for iOS and then double dimensions, that's fine. But, I don't want to do that for this iPod Touch test to find it works differently on other iOS devices.
I know that all of my screens are on the stage, BTW. I know this because I get the AlertObject to show me alerts by pressing one of the buttons of a loaded screen I am measuring - and the button is not enabled until all SWF's are finished loading and being added to stage.<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="NewCappoCamera" actionBarVisible="false" xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
private function loadSWF():void {
pictureButtons.load();
pictureButtons.content.addEventListener(Event.ADDED, loadComplete);
//initCamera();
private var mc:MovieClip;
private var hasBeenInit:Boolean = false;
private function loadComplete(event:Event):void{
event.target.removeEventListener(Event.ADDED, loadComplete);
if(event.target is MovieClip && mc == null) {
mc = MovieClip(event.target);
mc.play();
if(event.target.name == "acceptPicBtn") {
acceptButton = SimpleButton(event.target);
acceptButton.enabled = false;
else if(event.target.name == "retakePicBtn") {
retakeButton = SimpleButton(event.target);
retakeButton.addEventListener(MouseEvent.CLICK, retakeClicked);
retakeButton.enabled = false;
else if(event.target.name == "takePicBtn") {
cameraButton = SimpleButton(event.target);
cameraButton.addEventListener(MouseEvent.CLICK, cameraButtonPressed);
if(cameraButton != null && acceptButton != null
&& retakeButton != null && cameraButton != null && mc != null && !hasBeenInit) {
mc.stop();
pictureButtons.endEffectsStarted();
hasBeenInit = true;
initCamera();
//private var numTimes:uint = 0;
private function initCamera():void {
cameraButton.visible = true;
cameraButton.enabled = true;
acceptButton.enabled = false;
retakeButton.enabled = false;
acceptButton.visible = false;
retakeButton.visible = false;
//front camera loads if they have one and it's an iOS device.
var a:Array = Camera.names;
var camName:String = "";
var isAndroid:Boolean = false;
for(var i:uint = 0; i < a.length; i++) {
camName = a[i];
if(camName.indexOf("Front") != -1) {
break;
//test if android as right now only the back camera
///works on that platform.
if(Capabilities.version.indexOf('AND') != -1) {
this.camera = Camera.getCamera();
isAndroid = true;
else if(camName.indexOf("Front") != -1 &&
!isAndroid) {
this.camera = Camera.getCamera("1");
else {
this.camera = Camera.getCamera();
if(!Camera.isSupported) {
//todo
if(camera.muted) {
//todo
//following works on droid but is not working in iPod...
//camera.setMode(
//pictureButtons.contentWidth + this.width,
//pictureButtons.contentHeight + this.height, 30, true);
//the code below works on both platforms.
var ch:Number = Capabilities.screenResolutionY;
var cw:Number = Capabilities.screenResolutionX;
var vidh:Number = ch;
var vidw:Number = cw;
if(ch > cw) {
//in this case, the device must be registering in the portrait mode
//multiply eveything by 2 and switch orrientation...
vidw = ch * 2;
vidh = cw * 2;
camera.setMode(vidw, vidh, 30, false);
//android dimensions have to be doubled no matter what
else if(!(ch < cw) && isAndroid) {
vidw = cw * 2;
vidh = ch * 2;
camera.setMode(vidw, vidh, 30, false);
else {
//otherwise, everything should already be double and there's no need to switch
//width and height like there is above.
//need to test that this remains the case with ipod but can't seem to get ipod
//orientation to report other than "rotatedRight" no matter how the device is held.
camera.setMode(vidw, vidh, 30);
vidComponent.height = vidh;
vidComponent.width = vidw;
this.video = new Video();
video.width = vidComponent.width;
video.height = vidComponent.height;
video.attachCamera(camera);
vidComponent.addChild(video);
vidComponent.visible = true;
]]>
</fx:Script>
<mx:UIComponent id="vidComponent" x="0" y="0" width="100%" height="100%"/>
<s:Image id="capturedImage" x="0" y="0"
width="100%" height="100%"
visible="false"/>
<s:SWFLoader
id="pictureButtons"
x="0" y="0"
width="100%" height="100%"
scaleContent="true"
source="@Embed('assets/SignUpPicButtons.swf')"
creationComplete="{loadSWF()}" autoLoad="false"
/>
<s:SWFLoader
id="busyLoader"
x="0" y="0"
width="100%" height="100%"
scaleContent="true"
source="@Embed('assets/CheckingSWF.swf')"
autoLoad="false"
/>
<s:SWFLoader
id="invisibleBusy"
x="0" y="0"
width="100%" height="100%"
scaleContent="true"
source="@Embed('assets/InvCheckingSWF.swf')"
autoLoad="false"
/>
</s:View>
Let me know if you want the SWF's required to run this code. -
Midlet logo size on Mobile Screen !
Hi,
I am assigning Midlet logos in .png/.gif/.jpg for my J2Me applications build by using Sun J2ME wireless Tool Kit, but the logo display (size) is very very small on my Nokia 7610 Handset..
I even tried by changing the size of Logo but nothing happens on my Mobile screen, and the logo sized remained the same..
Can any one help me in displaying the logo in big size for my Nokia 7610.
I used 16X16 , 42X29 , 76X76 but i found MIDlet icons remains the same no change in it on my Nokia 7610 screen,,,please help
Thanks & regards
J2meWare.
Message was edited by:
j2mewarethere's nothing to explain. again, you can use:
if(Capabilities.screenResolutionX<whatever && Capabilitites.screenResolutionY<whateverelse){
// do whatever to deal with this screen size
} else if( etc ){
} etc -
OA Framework page (custom) does not shrink to mobile device screen size.
Hi,
OA Framework page (custom page) using IE6 had application disconnection problem.
So using IE6.1 beta/IE6.5 for OA Framework page (custom page) does not shrink/fit to the mobile device screen size. Means user have to scroll to the right/bottom every time. IE is set as a Mobile device (and not the desktop).
We have tried using following Meta Tag (with different content values) to inform the browser that this is a mobile device. But this has not worked.
pageContext.putMetaTag("MOBILEOPTIMIZED","<META name=\"MobileOptimized\" content=\"176\">");
How we can fix this issue?
Thanks in advance.
NileshHi,
What you are trying to do, I could not understand.
Apps Schema has all synonyms for almost all the objects in other schema if you will not specify any schema name the it will synonyms created in apps. For not using mention like this shema_name.object_name then it will fetch data from mentioned schema.
Regards,
Reetesh Sharma -
Satellite A300 PSAG0A - Games Will Not Display in Full Screen Size
I have a large number of games installed on my computer. At least 90% of them will not display in full screen size but display in a small window with a large amount of black screen surrounding the window. I am running Windows Vista Home Premium 32 bit. However, I do not think it has anything to do with Windows as my husband runs the same games on his Toshiba Satellite L300, running exactly the same version of windows, and they all display in full screen size.
Altering the screen resolution makes no difference. And, of course, I do select the full screen option in the games.
Also, sometimes when I have been playing a game and then closed it I find that my desktop picture has shrunk to the smaller size - the same size as the window in which the game was displayed when I was playing it.
The games work fine in every other way, it is only this small screen size which is driving me nuts.
I hope that someone can help me with this!!Yes, as far as I can tell I have the latest driver. But, even this is confusing to me because....
My graphics media accelerator is Mobile Intel(R) 965 Express Chipset Family. The installed driver version is 7.14.10.1329. The release date for this is 2007-09-13, as far as I can tell from web searches.
However, on the Toshiba website for driver downloads, the available driver version is 8.2.0.1012 PV. The date is 2006-12-28. I have downloaded this driver and attempted to install it. I get the message that it has been installed but, after rebooting and checking the installed driver version is still 7.14.10.1329.
Perhaps, the 8.2.0.1012 PV version does not actually install because it is older than the currently installed version. I would have thought that the driver version with the higher number would be the newer one, but perhaps this is not the case as the dates do not seem to support this theory.
So now I ask myself, firstly, if the driver available for download on the Toshiba website is not the newest one, then why is it there?
Secondly, if it is the newest one then why will it not install on my computer? -
Best practice for setting or detecting screen size?
Hi All,
Trying to determine a best practice for setting or detecting the screen size. For playbook and iOS, I can set them. But for Android, the number of devices is too large so I'd rather detect. My first choice is to use the stage.stageHeight and stage.stageWidth. This works fine if I set my stage properties with standard meta data:
[SWF(height="320", width="480", frameRate="64", backgroundColor="#010101")]
However, if I use the application descriptor file to set the stage dimentions (as suggested by Christian Cantrell here http://www.adobe.com/devnet/flash/articles/authoring_for_multiple_screen_sizes.html)
<initialWindow>
<aspectRatio>landscape</aspectRatio>
<autoOrients>false</autoOrients>
<width>320</width>
<height>480</height>
<fullScreen>true</fullScreen>
</initialWindow>
Then the stage.stageHeight and stage.stageWidth are not the correct numbers when my main class is added to the stage. Sometime after the main class is added to the stage, then those numbers are fine. Is there an event I can wait for to know that the stage.stageHeight and stage.stageWidth are correct?
Thanks in advance!Hi Lee,
Thanks for the quick response! However, for some reason the heightPercent & widthPercent metadata tags are not working as expected for me.
I have a wrapper class that I target for compiling, WagErgApplePhone.as where I've got my metadata
[SWF(heightPercent="100%", widthPercent="100%", frameRate="64", backgroundColor="#010101")]
sets some stage properties
stage.quality=StageQuality.LOW;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
and instantiates my main class
var main:Main = new Main();
addChild(main);
my main class constructor even waits for the stage
public function Main(){
if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);
in my init function, stage.stageHeight traces out as 375 (expecting 320).
i have a function which is called via a button press event by the user, and stage.stageHeight traces out correctly (320) there. that's what makes me think that if i wait long enough, i can get the correct stageHeight before init/drawing. but i'm not sure what event to listen for, or if there's another trick.
if i use Capabilities.screenResolutionX and Capabilities.screenResolutionY the correct values are provided for mobile, but these values are not useful for the desktop and web version of the app. if there's no other solution, i'll execute different code depending on platform.
again, for reference, my app descriptor:
<initialWindow>
<aspectRatio>landscape</aspectRatio>
<autoOrients>false</autoOrients>
<width>320</width>
<height>480</height>
<content>bin-iOS/WagErgApplePhone.swf</content>
<title>WAG ERG</title>
<fullScreen>true</fullScreen>
<renderMode>cpu</renderMode>
</initialWindow>
looking forward to any other ideas to try out & thanks so much for your thoughts! if you want to really dig in, this is an opensource project at code.google.com/p/wag-erg/
Maybe you are looking for
-
I am wanting to set up a network for my business and was hoping if someone could tell me how to do this and if it will indeed work. Or if you have any better ideas. I want to transfer all music to Airport Time Capsule. I want to plug in the aiport ex
-
Flex with JMS Topic/Queue for Asynchronous messaging
I have been working on Flex and JMS integration using Data Services for Asynchronous messaging. I am able to do this successfuly. Now I am in need to do the same without using the Data Services piece. For doing this I have done the following ...... I
-
Can you share iTunes music w/Apple TV and Airport Express?
Can you share iTunes music between Apple TV and Airport Express? I have been very happily using 2 Airport expresses to share my itunes library from my iMac to 2 other rooms. I just bought an Apple TV for the bedroom (and I ASSUMED to replace the Airp
-
I'm getting an error -42110 after the download of the rental movie, anyone ??
Hi there, i'm getting an error (-42110) after i finish the download of the rental movie on itunes. it won't let me play the movie. anyone would know? cheers
-
I cannot print any adobe documents.
Whenever I try to print the document, a box pops up that says the document cannot be printed. Then it says that no pages were selected to print. But pages WERE selected to print. I selected them every way possible, even one at a time,and it will n