Elements 9 Screen size

Just purchased Elements 9 to upgrade from Elements 5. I am very unhappy that the new screen devotes
so much of the real estate to the "Project Bin" area and the "Panels" sidebar. In Elements 5 there was
no Project bin and the sidebar could be elemeniated if I was not using it. I prefer the larger working area
over the postage size area that I have in Elements 9. I have not been able to find any mention of resizing
and/or removing these real estate hogs in the Help file.. Can anyone offer any suggestions.
Thanks

I downloaded PSE 9.0 yesterday and unless you have Windows
7 dpi setting at 100%, PSE 9.0 will not show File/Edit/etc. If set to 150% which I have as default, there is no menu bar at the top. I had this complaint about PSE 8.0 but at least there was a little down arrow at the top to File/Edit/etc. 9.0 does not have this. Anything less than 150% makes my desktop icons way too small and other programs visually difficult to read.
After I installed PSE 9.0 it found a very old catalog; 2 years old. I could not open any other catalog. The message indicating that my current and recent catalogs were corrupted. They still open in PSE 8.0!!
I returned the product today for a refund and very disappointed that PSE 9.0 is still so dependent on the dpi setting to be at 100%!!!!
When I uninstalled PSE 9.0 it also uninstalled PSE 8.1!!!!

Similar Messages

Photoshop Elements screen size

Hi, I have a new Dell XPS laptop (screen resolution 3200 X 1800) and have recently installed Photoshop Element 10. The problem is that the Photoshop Elements screens are extremely small. If I 'maximize' the Photoshop screens, the page fills the screen, but the contents of the labels are still extremely small, so small that I can't read them. What can I do to get the Photoshop Elements screens readable. Thanks

Unfortunately Elements 10 can't handle hdpi displays. Only PSE13 can (with an update to 13.1); If you choose to update, download the trial version and see if that is ok for your computer display.
Otherwise, I believe your only solution would be to set your screen to a lower resolution in Windows, which would have the effect on all other installed softwares.

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

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 to set the screen size with nested Iview screen

Can someone show me how to set the screen size with nested IView screen.
at the moment i only try it with trial and error untill it looks somewhat close. Is there a property in VC to set the size for Height and width.
The same question is for the form. the form elements inside the form is easy but the actual form is still a challenge.

Hi,
Yes you are correct ,Still the Form and iview are not able to change thier Layout Structure using a Propery.
it is available with VC7.1
Govindu

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 ?
rizzz86

Hey 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

Image size of iPhone 5S is smaller than screen size

When I click any picture with my iPhone 5s, the image size is always 20-30% smaller than screen size. Its like a picture clicked from iPhone 4, is this an issue or is it designed in that way?? Coz Images clicked in potrait mode are always cropped 20-30% and I am not liking it..

If auto adjust to fit with the Default Full Zoom extension isn't working then the pages may be using absolute values for elements and in such a case you would have to zoom the pages manually.
Can you post a link to a few pages where it isn't working properly?

Can Reflow change display tools based on changing screen sizes?

I have a lenghty check list in a desktop-sized view, but want to change to a selection wheel type of display tool for a phone-sized screen. Is there a way to make the display tool change, yet keep the same content simply by reducing down to the smaller screen size?
Is it even possible to add a selection wheel type tool in Reflow? If you don't know what I mean by "selection wheel" I've found this site that has a functioning example. http://www.menuhead.com/example.php

One way of having different content at different screen sizes is to have both elements on your page, and change the display of each of them to either "Block" or "None" depending on whether or not you want it to be displayed for that media query region.
And no, we don't have a selection wheel element in Reflow. Your best bet there is probably to use a box to represent it in Reflow, and then replace it with the desired element using Dreamweaver, Brackets, or whatever other tool you use next in your workflow.
Hope that helps, and thanks for using Reflow!
Vic

Creating app for multiple screen sizes?

Hello. I've recently created an .apk file from Flash Professional using AS3 (probably obvious in this forum, but I wanted to be clear). I've been testing it on an ASUS Android tablet. However, I realized that even if I get the app to look fine on this tablet, there are other tablets out there with many different sizes that could have the app look weird.
I've been searching Google for tips on this, but a lot of it doesn't make sense. Is there a pretty easy way to get your app to 'read' the tablet's dimensions and scale itself to those dimensions? I know I could make a different file for each screen size, but wouldn't that require putting several different app files in the app store? That seems silly. Any tips?

first, you should check the scaleMode property of the stage which will allow you to specify how your stage is sized to fit the display.
then, you can use the stage's stageWidth and stageHeight properties to size and position your display elements, if that's needed (because with showall you probably won't need to do any sizing/positioning).

How to set width to be same as screen size?

Dear all
I want to set the width of my view elements to be same as that of screen size, so that if a user with low resolution monitor runs it, or if a user with high resolution monitor runs it, both see the same.
I tried setting the width to 100%. But it is not working.
My root container layout is Grid layout.
Any suggestions please?
Thanks in adv.

Hi,
For ROOTUIELEMENTCONTAINER set the stretchedHorizontally,stretchedVertically to true.
And for the UI element set width as 100%, this will make the UI elem to expand to the complete screen.
Best regards,
Suresh
Message was edited by:
Suresh Honnappanavar

HOW to Minimize Screen Size in Screen Painter

HI all,
I am developing one module pol program for material transfer.
in that i have to develop one screen like dialog box not like normal screen on which i want to display error.
and after cliking the push button on it i will see the normal screen.
how can i show screen as dialog box. or how to minimize the screen size to look like dialog box.
please do the need ful.
points will be rewarded.
thanks
vinod

hi
good
While calling you will use like this..
Calling a single screen is a special case of embedding a screen sequence. If you want to prevent the called screen from covering the current screen completely, you can use the CALL SCREEN statement with the STARTING AT and ENDING AT options:
CALL SCREEN <scrn>
STARTING AT <X1> <Y1>
ENDING AT <X2> <Y2>.
This calls the screen number <scrn> as a modal dialog box. When the screen is displayed, the screen that had called it is visible but inactive. The STARTING AT and ENDING AT additions specify the top left-hand and bottom right-hand corners of the dialog box respectively. In the screen attributes of screen <scrn>, you must set the Modal dialog box attribute. This defines how the interface elements are positioned on the screen.
thanks
mrutyun^

Increase the screen size

Hi Everyone,
I want to increase the selection screen size, can anyone suggest how do I achieve this.
I have some of the check boxes and their text elements, where in the screen size is limited to 75 only.
Any suggestions.
Thanks,
Prashant.

Hi,
Check the link,
http://help.sap.com/saphelp_47x200/helpdata/en/9f/dba83d35c111d1829f0000e829fbfe/content.htm
Regards,
Azaz.

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

Resizable page for different screen sizes but with static image content. Shall I use media query?

I’m making a page that has of mostly image content. It’s a large circle in the middle so I want it to be centered vertically and horizontally. I also want it to stay centered and resized proportionally for different screen sizes. I’ve read about media query but it seems to me that the elements just become fluid. Can I make the elements stay in place using the media query?
I’m working in Dreamweaver CS5.5

Here's the code I'm working with now, I've taken away the things that I don't really understand.
It's working but I guess it won't hold when I start with the media queries.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><style type="text/css">
body {}
div {
   font: 12px Arial;
span.bold { font-weight: bold; }
#the-circle {
height: 960px;
width:960px;
margin-left:650px;
margin: 0px 10px 0px 10px;
margin-left:650px;
.link-row {
position:absolute;
width: 960px;
height: 74px;
top: 130px;
left:660px;
.link-row-2 {
   position: absolute;
   width: 960px;
   height: 74px;
   top: 300px;
   left:660px;
.link-row-left {
float: left;
.link-row-right {
float: right;
.link-row-right {
float: right;
.link-row-right {
float: right;
</style></head>
<body>
<br /><br />
<div id="the-circle">
<img src="ACE Test/Logo-DW.png" width="960" height="960" />
</div>
<div class="link-row">
<div class="link-row-left"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
</div>
<div class="link-row-2">
<div class="link-row-right"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
</div>
</body></html>

What screen size for revealing scroll effects?

Hello,
I'm currently designing a website in Muse for a motion graphics company which has quite a few scroll effects. As the user scrolls down (it's a one page site), elements either fade or animate (edge animate files) onto the page.
I'm designing it on a 27" screen but of course a lot people will be using smaller screens and laptops so I was wondering what everyone uses as a standard active screen area?
If I keep all the animations happening in the top 700px, I'm left with a big empty space below when using a larger screen. Does anyone have any suggestions?
(I will be doing a tablet and phone version once I've nailed this).
Thank you

I would suggest you to go with browser width animation so that it should render same with all screen sizes.
Thanks,
Sanjit

Adobe muse-website that fit all screen sizes

hi
i want to build a site in adobe muse.
can i choose the sizes of the elements in the site to be with precents insted of pixles?
( i wanted to make my website in adobe muse fit all screen sizes)

Please refer to Zak's response :
Re: Can you create responsive sites with Adobe Muse?
thanks,
Sanjit

Elements 9 Screen size

Similar Messages

Maybe you are looking for