Determining real screen size in meters

it is possible to determine roughly viewing screen width and height f.e. in meters?

It doesn't matter... you can't really get an accurate value for screen size.
Yes, you can get the screen size in pixels, and the PPI (pixels per inch (screen resolution)). But you can't accurately translate that to physical measurements.
PPI of 96 (standard Windows) would tell you that, in theory, a 1024 x 768 screen size would be about 10.6 x 8 inches, or about 13" diagonal (convert to meters or whatever at your leisure). But that's not true cuz I have a 17" monitor and I could set it at that screen size if I wanted.
Which means that the PPI settings for Windows doesn't truly reflect what the monitor does with the video signal. Of course, you can still work back from the 10.6" x 8" measurement with that DPI to accurately size things on the monitor, relative to the size it shows on the actual monitor.
Now, perhaps JNI talking to the video drivers or something could possibly give you some more detailed info, at least on some newer cards and monitors. I'm not really sure about that.

Similar Messages

Determining My screen size from preferences

Hi I am trying to determine what kind of screen size I have on my macbook pro from within the "about this computer" option in preferences.
I know it sounds dumb and could just measure with a ruler ( which I did ) but it came up as 14 inches and there is no macbook pro that's 14 inches it's either 15 or 13 inches
How can I determine my screensize from a preference option ?
thank you
Here's the macbook I have
Macbook pro laptop 2.4 HGz Intel Core 2 Duo running Mac Os 10.5.8
Thanks

The ruler works, but you have do measure the diagonal, not the edge. If you do the diagonal from the inside corners of the bezel (frame), you get pretty close to the correct size.
My 15.4" MacBook Pro measures 14" to the outside edges of the display so, if that's how you're measuring, you also have the 15" version.

Available screen size/resolution

How do I determine the screen size/resolution that the user will be using order for my application to adapt its page size?

We've embedded E-commerce into the SAP portal and have changed the top header bar not to display to save some vertical screen real estate.
You got to be careful if you are integrating E-Commerce with SAP Portal, just defining an URL iView is OK but not sufficient. To fully integrate to Portal use the following
[Note 1021959 - Portal settings for ISA iViews|https://service.sap.com/sap/support/notes/1021959]
As for the frame structure of the application, you can see the details of the frame design in this document [SAP E-Commerce 5.0 - Examples and Tutorials (Dev./Ext.) |http://service.sap.com/~sapdownload/011000358700006120622006E/ISA50_DevAndExtTuts_v1_0.PDF]
Put a good resource who can understand the JSP and CSS (stylesheets) and they should be able to do a fair job. I use Firefox browser with the plug-in Firebug to quickly find the active style and the corresponding stylesheet.
Easwar Ram
http://www.parxlns.com

Getting screen size minus Windows taskbar

I'm wondering if anyone knows of a good way to get the actual size of a screen, minus the windows tastbar.
I'd like to set the size of my program to the maximum available size of the screen realestate.
Currently, I just get the screen resolution via the ToolKit, and I just check to see if the OS is windows, and I take into account that the tastbar is probably visible, and take a few pixels off. Obviously not a very good way to handle the situation.
However, whenever you call a JFrame to maximize itself, it takes the tastbar into account, so I'm wondering if there's some way to access this information myself.
Even a way to programatically call the JFrame to maximize itself so I can then find it's size would work.
TIA.

There's no clean way to determine the screen size sans the task bar. If you're using jdk1.4, I suppose you could maximize a frame window as you thought. Otherwise, there's no frame maximize state prior to jdk1.4. If you're desperate for a semi-clean approach, you could always access the visiblity and dimensions of the task bar via JNI.
fyi, a frame "knows" the proper maximized bounds because it is a native window i.e., Windows handles the maximized boundary of frames, not the AWT.

How do i make this page adapt to all screen sizes???

if i copy and paste my index code can someone please tell me if theres anything i can add so it will adapt to all screen sizes??
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Nicola Campbell Photography</title>
<style type="text/css">
#apDiv1 {
          position:absolute;
          width:1001px;
          height:170px;
          z-index:1;
          left: 438px;
          top: 221px;
#navbar {
          height: 40px;
          width: 900px;
          margin-right: auto;
          margin-left: auto;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
</style>
<script src="js/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<script type="text/xml">

</script>
<style type="text/css">
#apDiv2 {
          position:absolute;
          width:901px;
          height:49px;
          z-index:2;
          left: 487px;
          top: 51px;
          text-align: center;
          color: #FF99FF;
          font-size: 80px;
          font-family: HaloHandletter;
#apDiv3 {
          position:absolute;
          width:409px;
          height:56px;
          z-index:3;
          left: 768px;
          top: 96px;
          color: #999999;
          font-family: "Adobe Garamond Pro";
          font-size: 24px;
#apDiv2 div {
          font-size: 100px;
          font-family: HaloHandletter;
          color: #999999;
#apDiv4 {
          position:absolute;
          width:901px;
          height:449px;
          z-index:4;
          left: 451px;
          top: 202px;
#apDiv5 {
          position:absolute;
          width:848px;
          height:152px;
          z-index:11;
          left: 433px;
          top: 201px;
#apDiv6 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:5;
          left: 1250px;
          top: 138px;
#apDiv7 {
          position: absolute;
          width: 891px;
          height: 42px;
          z-index: 5;
          left: 552px;
          top: 174px;
#apDiv8 {
          position:absolute;
          width:48px;
          height:50px;
          z-index:6;
          left: 102px;
          top: 51px;
#apDiv9 {
          position:absolute;
          width:49px;
          height:51px;
          z-index:7;
          left: 152px;
          top: 51px;
#apDiv10 {
          position:absolute;
          width:49px;
          height:49px;
          z-index:8;
          left: 202px;
          top: 51px;
#apDiv11 {
          position:absolute;
          width:52px;
          height:52px;
          z-index:9;
          left: 252px;
          top: 51px;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<meta name="Description" content="Welcome to Nicola Campbell Photography. I am based in Lancashire and specialise in Wedding Photography." />
<meta name="viewport" content="width=device-width" />
<link href="untitled.css" rel="stylesheet" type="text/css" />

<link href="iphone.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" />

<link href="ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)" />

<link href="desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)" />
<style type="text/css">
#apDiv12 {
          position:absolute;
          width:1013px;
          height:648px;
          z-index:1;
          left: 321px;
          top: 299px;
</style>
</head>
<body onload="MM_preloadImages('navbaroriginalroll_r1_c1.jpg','navbaroriginalroll_r1_c2.jpg','n avbaroriginalroll_r1_c5.jpg','navbaroriginalroll_r1_c6.jpg','navbaroriginalroll_r1_c7.jpg' ,'navbaroriginalroll_r1_c8.jpg','navbar_r1_c4.jpg')">
<div id="apDiv2">
<div align="center">nicola campbell</div>
</div>
<div id="apDiv3">P H O T O G R A P H Y</div>
<div id="apDiv7"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar','','navbaroriginalroll_r1_c1.jpg',1)"><img src="navbaroriginal_r1_c1.jpg" alt="c1" name="navbar" width="111" height="40" border="0" id="navbar2" /></a><a href="Aboutme.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','navbaroriginalroll_r1_c2.jpg',1)"><img src="navbaroriginal_r1_c2.jpg" name="Image13" width="111" height="40" border="0" id="Image13" /></a><a href="Gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','navbaroriginalroll_r1_c5.jpg',1)"><img src="navbaroriginal_r1_c5.jpg" alt="c5" name="Image21" width="111" height="40" border="0" id="Image21" /></a><a href="Blog.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','navbaroriginalroll_r1_c6.jpg',1)"><img src="navbaroriginal_r1_c6.jpg" alt="c6" name="Image22" width="111" height="40" border="0" id="Image22" /></a><a href="ContactMe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','navbaroriginalroll_r1_c7.jpg',1)"><img src="navbaroriginal_r1_c7.jpg" alt="c7" name="Image23" width="111" height="40" border="0" id="Image23" /></a><a href="Clients.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','navbaroriginalroll_r1_c8.jpg',1)"><img src="navbaroriginal_r1_c8.jpg" alt="c8" name="Image24" width="111" height="40" border="0" id="Image24" /></a><a href="Weddings.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','navbar_r1_c4.jpg',1)"><img src="navbar_r1_c41.jpg" alt="" name="Image25" width="111" height="40" border="0" id="Image25" /></a></div>
<div id="apDiv5">
<script type="text/javascript">
// BeginOAWidget_Instance_2827522: #OAWidget
$(window).load(function() {
      $('#slider').flexslider({
              namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
             easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
             useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
<script type="text/javascript">
// BeginOAWidget_Instance_2827522: #OAWidget
$(window).load(function() {
      $('#slider').flexslider({
              namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
             easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
             useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 0,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
<div id="main-container">
    <p> </p>
    <div id="main" class="wrapper clearfix">
      
      <div id="container">
        <div id="slider" class="flexslider">
          <ul class="slides">
            <li> <img src="hollie.jpg" width="500" height="600" /> </li>
            <li> <img src="slider2.jpg" width="500" height="600" /> </li>
            <li> <img src="slider3.jpg" width="500" height="600" /> </li>
            <li> <img src="slider8.jpg" width="500" height="600" /> </li>
            <li> <img src="slider4.jpg" width="500" height="600" /> </li>
            <li> <img src="slider5.jpg" width="500" height="600" /> </li>
            <li> <img src="slider6.jpg" width="500" height="600" /> </li>
            <li> <img src="slider1.jpg" width="500" height="600" /> </li>
          </ul>
        </div>
        <div id="carousel" class="flexslider" style="display:none;">
          <ul class="slides">
            <li> <img src="hollie.jpg" width="500" height="600" /> </li>
            <li> <img src="slider2.jpg" width="500" height="600" /> </li>
            <li> <img src="slider3.jpg" width="500" height="600" /> </li>
            <li> <img src="slider8.jpg" width="500" height="600" /> </li>
            <li> <img src="slider4.jpg" width="500" height="600" /> </li>
            <li> <img src="slider5.jpg" width="500" height="600" /> </li>
            <li> <img src="slider6.jpg" width="500" height="600" /> </li>
            <li> <img src="slider1.jpg" width="500" height="600" /> </li>
          </ul>
        </div>
      </div>
    </div>
    
</div>

</div>

<div id="apDiv8"><a href="https://www.facebook.com/nicola.shulmancampbell?fref=ts"><img src="Retro-Facebok-Rounded-128.png" width="48" height="48" /></a></div>
<div id="apDiv9"><img src="Retro-Flickr-Rounded-128.png" width="48" height="48" /></div>
<div id="apDiv10"><img src="Retro-Tumblr-Rounded-128.png" width="48" height="48" /></div>
<div id="apDiv11"><a href="https://twitter.com/nicola_shulman"><img src="Retro-Twitter-Rounded-128.png" width="48" height="48" /></a></div>
<script type="text/javascript">
$(window).load(function() {
      $('#slider').flexslider({
              namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
             easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
             useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
</body>
</html>

APDivs cannot be resized.
APDivs in primary layouts won't work in Responsive Web Design.
APDivs are a very poor layout method.
For this reason, Adobe removed APDivs from Dreamweaver CC.
Example of Fluid Grid Layout with floats & margins, no APDivs required.
http://alt-web.com/FluidGrid/Fluid2.html
Nancy O.

How can I find out the screen size of the users moniter using the Acrobat SDK?

How can I find out the screen size of the users moniter using the Acrobat SDK? I need to know how much sreen real estate that is available on the users moniter. Is there some call that I can make from the SDK to discover the maximun X and Y coordinates?
Thanks,
Gregory

Currently, I am testing on multiple moniters and it is defaulting to the moniter designated as the #1 moniter. For our purposes, this is acceptable. Once the two documents have loaded, the user can move and re-size at will.
Gregory

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/

Word Processing document to fit screen size.

Hello.
I have opened Appleworks and then opened a new WP document to start work on. The problem is it is only filling a third of the available screen. It appears to be a real waste. I want to work on the document while it is displayed using every available inch of the screen. So it is in what I call 'real-time size' on a 12 inch notebook. I am fairly used to using Microsoft Office, but as you can tell from this post have had very little time with Appleworks or Mac's. I'm sure there is a very simple solution, and if somebody could help me using very simple language I would most grateful.
Thank you in advance.
iBook G4 12 inch Mac OS X (10.4.4)

Appleworks does not have an automatic zoom feature that will enlarge the text so that it spans the width of the window. However, you can manually increase the zoom level so that the text appears larger in order to fill up more of your screen. Changing the zoom level only changes how large things appear on screen, not how large the text is on the page (like in Word).
To increase the zoom level, you use the buttons found at the bottom left corner of the window. You'll see a small rectangle that displays the zoom level. At first, it will read '100'. If you click on this, it will give you a pop up menu with percentages ranging from 25% ro 800% and a choice for other. When you first click you may only see numbers smaller than 100%, but if you point the mouse at the triangle at the end of the list, it will scroll down the list so you can see the rest of the choices.
Directly to the right of this '100' you will see two small buttons with what looks like a filled line chart. The first has small "peaks" and the second shows higher "peaks". As you might expect, the first is to decrease zoom level, the other to increase zoom level.
You can use these controls to change the zoom level so that you fill the whole screen to your liking.
BTW, the next button after the zoom controls is the on which hides and shows the tools (same as "Show Tools" under the Window menu). You can also double click on the 'Page 1' to bring up a dialog that lets you enter a number to jump to another page.

Best way to deal with different screen sizes

Hi !
We have been a small company using java for our client ( http://www.topbridge.com ) . The Swing client has used panels with absolute positions so the client would fit in 800x600 screen. Since java is 'run everywhere' we would like to rewrite it so it also possible to run on smaller screens ( zaurus ) . Any suggestions about best way to do this? Is there any layout method that would try to fit everything within a given screen size?
Thank you!

The Swing client has used panels with absolute positions
Well there's your problem: your UI was written by someone who didn't know how to write a UI.
Always sketch your UI on paper, break it into logical sections rather than dealing with everything in one go (your code should break down accordingly in any case) and for each of those sections determine where space should be allocated when resizing - from this, the decision of which layout managers to use will fall out naturally.

Helix vs X230, screen size keyboard etc

Hey everyone,
Is there any where to get some kind of screenshot or something that would show the Windows 8 desktop running on the Helix to see just how large it is? I have an X230 which I switched months ago for a MacBook Air 13" as I liked the bigger screen. I really like the look of the Helix though and am really considering getting it but I'm so nervous at the 11" only display. I'm using my X230 right now and always found the 12" fine as well as the keyboard on it. I know the Helix has a much higher resolution but I'm concerned for one thing that things will be way too tiny on it and hard to read, or that even with scaling on it, it will be the opposite in that it's like using a system with a really low resolution. Does anyone have any feedback on how it compares to say the X230 display, in terms of screen real estate and so on?
My other concern is the keyboard. I plan on using this as my every day business laptop, so basically 8 hours a day on it with the Lenovo portalble USB monitor attached. All the reviews seem to praise the keyboard and no one seems to say anything about it being too small etc but I just want to make sure it's not like getting a netbook or something where it's cramped and what not.
Any feedback would be appreciated thanks!

As Steve indicates, it's not easy.
Authorware doesn't 'scale' like Flash does.
You could do what you want by detecting the screen size and change the size of the Presentation window by using the ResizeWindow function.
That'll change the size of the 'stage' but all your content will still be fixed where it was before, likely top-left just as the 'fullscreen' option works (or doesn't work as the case may be).
Now most all elements can be placed via custom x/y coordinates. So you *could* base every element's position on the size of the presentation window itself. However, that's surely complex even for a fairly basic piece.
The more common approach was to use the cover.u32, or the subsequent RGBcover.u32 (see http://www.awaretips.net) to 'black out' any of the desktop that the presentation window does not cover - making it look somewhat full-screen...though everything in the window is still at its default size and placement...but at least it's centered.
I think cover.u32 stopped working on XP though RGBcover.u32 still does....I could be wrong in that recollection though.
Otherwise, Authorware is just built to deliver to a set size. There are workarounds but definitely none as easy as a simple scale.
HTH
Erik

New Macbook Air 11.6 or 13.3 screen size Advice needed

Hee guys!
I am going nuts trying to figure out which screen size i should take. Since i haven't got the option to compare them in real life it is really difficult. Hope some of you guys can help me out here and give me some advice or user experience.
I will use my macbook air mainly at home to surf on the web, watch movies in bed and very very occasionally on the road for leisure purposes. I already have a mac pro and an imac at home. I was planning to buy the ipad but missed a lot of functionality so the macbook air is perfect for me.
I just can't figure out which screen size i will take. Is the 11.6 to small for this kind of work? Is the difference between the 11.6 and 13.3 so small that you recommend taking the 11.6 or the 13.3?
Can somebody help me out here. Thanks in advance!
Cheers,
Bruno

I have a 15" MBP I have been using for travel and as my main computer. I nearly got a Netbook last year but I thought I'd wait to see if a new "Air" would come out. I was surprised to see the 11" as an option as I was all set to get the 13".
As you, I could not put my hands on them, so I ordered both and then cancelled both. I eventually drove a good ways to try them out. I chose the 11" as it was not nearly as small as I envisioned, however this will primarily be used for travel. It is small, light, fast and has a great screen.
If you will rarely use it for travel, I'd go for the 13" for sure. I have been forcing myself to use the 11" MBA and have not only gotten used to it, but really enjoy it. However, if it were my only computer, I would be displeased. If I was using it at home for your purposes I still doubt I'd be happy with the 11".
I wear cheater glasses for fine print, but I can enlarge the font on the 11" and can read just fine. I watch movies on the 11" just fine too.
I vacillate b/t getting an iMac or an upgraded MBP to compliment this MBA, But for your purposes, again, I'd get the 13" MBA.
Goodd luck

What is the viewable image area/screen size (length x width) on the 2014 21.5" and 27" imacs?

what is the viewable image area/screen size (length x width) on the 2014 21.5" and 27" imacs? i have an older 24" and am trying to determine if i need to go up or if 21.5" will be adequate. Thanks!

21.5 -
Height: 17.7 inches (45.0 cm)
Width: 20.8 inches (52.8 cm)
27 -
Height: 20.3 inches (51.60 cm)
Width: 25.6 inches (65.0 cm)
Ttake about an inch off for the lack border from each side and youll have an approximate.
http://www.apple.com/imac/specs/

SAPConsole screen size ?

Hi,
We plan to implement WMS in our Warehouses. We plan to use Teklogix for handhelds & access points on GSW Telnet Software . How do you determine the SAP screen size that would suit these devices?
Also apart from the web capabilities is there any other advantage (performance wise) of using the new ITS Mobile over SAPConsole ?

The device itself should tell you what the screen size is, a lot will be 16X20, meaning 16 lines by 20 characters wide. When developing your custom screens, you should make sure that all screen elements reside in the first 16 rows and 20 characters of the upper left portion of the screen.
Regards
Rich Heilman

X220 screen size from a programmer's perspective

Hi all,
I was just wondering, how good/ bad is the X220's 12.5" screen size from a programming perspective? Is the small size + IPS worth it?
My problem is that I want to try it out before buying it. Does anybody know a store in the GTA (Greater Toronto Area) where I can go and see a X220 in real-life? Thanks!

I'm a software engineer and do a lot of programming on my X220. The screen is acceptable for programming but not ideal. The 12.5" size isn't a problem -- the issue is the low 1366 x 768 resolution. You can't display many lines of code in a height of only 768 pixels, and with an IDE such as Visual Studio it's awkward dealing with multiple windows and panels in a low resolution screen. However, the X220 works well for programming if you attach an external monitor.
If you can't find an X220, just try any laptop with 1366 x 768 resolution (there are many). It is the screen resolution, not the physical screen size that is the real issue you'll have to deal with.

CL_GUI_ALV_GRID Screen size

Hi All,
I have created a ALV Grid and everything is working hunky-dory.
The issue is the output screen size is limited and a scroll bar comes. I want to make sure it is shown full screen? How can I achieve this?
In the screen I have created a custom control and that is being used by CL_GUI_ALV_GRID instance.
Regards,
Arpit

Hi Arpit,
- Go to screen editor for this screen
- select this gray area by clicking on it (this is your screen area)
- in top right corner fill fields Lg = 174, H = 35 - these determine max screen lentgh and height, then L = 1, Cl = 1 - these are coordinates where screen has to start from
- you can alternatively to above just go to endge of this screen area and drag and drop to resize it (but above you are sure that it will be set to fullscreen)
- place custom control on that screen area - also either resize it to fit entrie screen area
or
- double click on it to get its attributes (in fields Vis length set 174, Heigh set 35 )
- in below fields set Resizing (as told by Pawan)
- activate your screen
Now it will be dispalyed in fullscreen mode. Scrollbars will only be available if alv doesn't fit entire screen, but this you can't avoid.
Regards
Marcin

Determining real screen size in meters

Similar Messages

Maybe you are looking for