Edit Page screen size

How do I shrink the edit working space page in Elements 11 so I can read the info on the bottom? Can't see to choose a crop dimension.

Click on the triangle, lower right, and drag towards the center to shrink the work area.
See red arrow on print screen:

Similar Messages

Cannot adjust page width to fit to screen size on some PCs with IE

Hello friends, I am using APEX 4.0 and IE9 on different Windows 7 PCs . The page will go way off the screen to the right on one PC, and fits nicely inside the screen on another PC. This problem does not occur in Firefox on any PC. I have used Firebug to try to isolate the template or css settings. Using Theme_4, I have a breadcrumb region and 4 reports regions. One of the reports regions is in column 1 and 3 regions are in column 2. Display point is Page Template Body (3. Items above region content) for all the reports regions. The CSS is #themes/theme_4/css/theme_4_0.css. The template is One Level Tabs (Right Sidebar/Table Based). I tried various width="" using px and % under Edit Page Template-Definition-Body (see below). I tried style="width:800px" within the <div> tags. I have tried various other changes to theme_4_0.css and apex_4_0.css with no visible change to the page width on the obstinate PCs. I reset IE setting and deleted all personal settings on both PCs with no changes to either one, one fits on the screen and the other does not. The issue is that most of our users use IE so most of them will have to live with using the horizontal scroll bar to see the regions in column 2, unless we switch them all to Firefox (not a bad option, except that option works for our users only, we have no control over external browsers). I have tried suggestions from many discussion threads, as this problem has bothered us for quite some time. I know this is an IE problem, but any help is appreciated. Thank you.
"|" represents screen size and "-" is the regions/content for the "bad" PCs.
|----------|----------
The "good" PCs look like this:
|----------|
Peter
<div id="body">
<table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
<tbody>
<tr>
<td class="tbl-main" width="100%">#REGION_POSITION_02##BOX_BODY#</td>
<td class="tbl-sidebar">#REGION_POSITION_03#</td>
</tr>
</tbody>
</table>
</div>

BD...
I think your concerns are very reasonable. But I want to sort of refocus things a little bit for you here... it's not really a PC vs Mac issue... Rather, it's specifically an Internet Explorer issue. And you might say that this is synonymous...still 98% of the world uses IE, and you would be correct. Hopefully when the final version of IE7 comes out, it will finally embrace some of the modern day OPEN web standards without trying to make too many standards of its own (this is Microsoft, though).
Anyways, in the meantime, I guess we all try to make the best of it. It's very easy to conclude that iWeb is not a viable tool for you, as long as you have something else to "fall back" on. With my limited knowledge of all things HTML, I have no such luxury. Instead, I have put up a notice on my site for IE users only that the site might not look its best on IE....this notice also encourages IE users to use FireFox, which is very much like Safari and will in 99% of cases display your iWeb pages just like you expect. You can see how I've done this here (but you have to surf from IE)... http://blog.dirtdoog.com
I think many people in the PC world understand the limitations of IE. Certainly many don't, but you have to consider your likely audience, I guess. I believe that your website content is king. If your content is compelling enough to your intended audience, they will jump through hoops to see it in its full glory....but you have to make them aware of the problem. That's why I have chosen to take the path that I have taken.
Let me know what you think.

How to maintain screen size after automatic page refresh?

I am using an auction site where my personal page updates every 20 sec. Each time it refreshes the screen shrinks down to an unusable size and must be expanded. Is there anyway to maintain screen size in this situation?
I am the creator of the html code as well for this page. Is there something I can put in the code if the user cannot control this setting?
Thank you,
Jim

First try adding this line if you don't already have it.
<meta name="viewport" content="width = 320" />
There are various meta attributes the iPhone uses to adjust the size, etc. Apple has a whole tutorial about coding pages for the iPhone someplace.
May want to try this link to find more info.
http://www.google.com/search?num=30&hl=en&newwindow=1&safe=off&q=%3Cmetaname%3D%22viewport%22+content%3D%22width+%3D+320%22+%2F%3Esite%3Aapple.com&btnG=Search
Message was edited by: DaVBMan

"Indesign CS6 Edit Page Size"

Hi why have you changed the way edit page size works in cs6 compared to cs5? in cs5 i could use the reference point to decide where i wanted the page to grow. In cs6 it doesnt matter where i have the reference point it adds the size from center regardless of where i have the reference point.
//Anders

That problem does not exist on my computer
Apple iMac & Creative Cloud
InDesign CS6 V8.0.1

How to make pages fit to any screen size

Is there a way to make the pages stretch or condense so that it fits any size screen? I've found where I can adjust the px size of the individual pages but I get white borders at the left/right and bottom edges of the screen that vary depending on the monitor size that I am viewing the page on. Is there a fix for this? Thanks.

Welcome to the Apple Discussions. By screen size do you mean browser window size? If so you can get rid of the white around the body of the page by using a solid color or tiled image for the browser background which is set in the Inspector/Page/Layout pane.
Or, if you want the page background to be the same as the browser background do the following;
1 - set the browser background to what you have the page set to.
2 - set the page content background to transparent.
Now the page background will fill the browser's window no matter what size it is. That's how I have my tutorial site setup: http://toadstutorials.info.
Click to view full size
OT

Page titles have starting showing screen size

Hi there,
Since this morning all my tabs are showing my screen size in the page title. So where normally in Firefox you'd see the URLs page title both in the top of the browser as well as on the tab. Now, all I can see here is 1263x708 [1263x484]
I have no idea where this comes from, and no idea who to get rid of it. It's disconcerning for my clients, whom I am showing my work, to think I would have come up with these brillian keywords in the title, that I now cannot even show them...
Can anyone assist me please?
Jen

the extention thing did the trick. Thanks so much for the suggestion :)

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>

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.
Nilesh

Hi,
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

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.

The screen size is too small on the webpage created by QTSS publisher

Hello,
I published a video file using QTSS publisher.
I'm using "Publish media to Quick Time Streaming Server (instant-on) and Webpage action "Auto-play in Web page".
The screen size is fine when playing via the streaming link but when I create an actual webpage using QTSS publisher and dropping the movie file to that webpage, the screen size is extremely small while playing. Is there a way to make the playing screen size bigger in the webpage?
The html looks like this:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="640" height="304" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="SRC" value="http://domain:80/qtmedia/shoot_s.mov">
<param name="TYPE" value="video/quicktime">
<param name="AUTOPLAY" value="true">
<param name="CONTROLLER" value="true">
<embed src="http://domain:80/qtmedia/shoot_s.mov" type="video/quicktime" width="640" height="304" autoplay="true" controller="true" pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>
PPC 10.4 Mac OS X (10.4.9) enabled streaming on port 80
PPC 10.4 Mac OS X (10.4.9)

There wasn't an option on sizing when creating the webpage using QTSS publisher. Does it need to be manually edited?
The webpage created by QTSS publisher:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>shoot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="includes/modern.css" rel="stylesheet" type="text/css">
<script src="includes/AC_QuickTime.js" language="JavaScript" type="text/javascript"></script>
</head>
<body>
<table width="692" border="0" cellpadding="0" cellspacing="0" background="images/background.gif" align="center">
<tr>
<td></td><td></td><td width="10"></td><td valign="top" align="right"></td><td valign="top" align="right"></td>
</tr>
<tr>
<td width="10"></td><td colspan="3" width="672">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td hieght="12"></td><td valign="top" align="right"></td>
</tr>
<tr>
<td class="content">
shoot
</td><td></td>
</tr>
<tr>
<td hieght="12"></td><td valign="bottom" align="right"></td>
</tr>
</table>
</td><td valign="top" align="right"></td>
</tr>
<tr>
<td height="10"></td><td></td><td></td><td></td><td></td>
</tr>
<tr><tr><td></td><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/background.gif" bgcolor="#FFFFFF">
<tr>
<td colspan="3" width="129" height="96"><script language="JavaScript" type="text/javascript">
QTWriteOBJECT("http://domain:80/qtmedia/shoots.mov", '129', '96', '', 'target', 'myself', 'type', 'video/quicktime', 'autoplay', 'true', 'controller', 'true', 'scale', 'aspect', 'bgcolor', '#CCCCCC');
</script></td><td width="202" class="content" bgcolor="#FFFFFF"></td><td align="right" valign="top" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td width="68"></td><td width="56" height="36" background="images/number-box.gif">01</td><td width="5"></td><td bgcolor="#404040">shoot.mov
2:03 / NaN kb/sec</td><td align="right" valign="bottom" bgcolor="#404040"></td>
</tr>
</table>
</td><td width="10"></td><td width="353"></td><td valign="bottom" align="right"></td></tr><tr>
<td height="10"></td><td></td><td></td><td valign="bottom" align="right"></td><td></td>
</tr>
</tr>
<tr>
<td></td><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="10"></td><td></td><td></td><td valign="top" align="right"></td>
</tr>
<tr>
<td></td><td></td><td>For optimal viewing experience,
please download
QuickTime 6</td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td valign="bottom" align="right"></td>
</tr>
</table>
</td><td valign="bottom" align="right"></td><td bgcolor="#FFFFFF" valign="top" align="left"></td><td bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td height="10"></td><td valign="bottom" align="right"></td><td></td><td bgcolor="#FFFFFF"></td><td bgcolor="#FFFFFF"></td>
</tr>
</table>
</body>
</html>
PPC 10.4 Mac OS X (10.4.9)

Dynamic screen size in BDC

Hi ppl,
I have created a BDC program to upload certain data in a particular transaction which has a table control.
This program will be called from devices having different screen sizes.
In one of the devices, the table control of the transaction displays 3 lines, in another device, it displays 8 lines, while in the third device, it displays 12 lines.
I want to make the Page Down option independent of the number of lines displayed.
I am aware of CTU_PARAMS option, but, it is not working as desired.
Please let me know if I am making a mistake.
    IF w_lncnt = 12.
      PERFORM : f0017_bdc_field USING 'BDC_OKCODE'
                                       '=P+',
                f0016_bdc_dynpro USING 'SAPML03T'
                                       '0105'.
      CLEAR: w_lncnt.
    ENDIF.
MOVE: 'A' TO w_ctuparams-dismode,
        'S' TO w_ctuparams-updmode,
        'X' TO w_ctuparams-defsize.
CALL TRANSACTION 'XYZ' USING t_bdcdata
                          OPTIONS FROM w_ctuparams
                          MESSAGES INTO t_messtab.
Regards.

Hi,
here is an example of how to deal with this:
http://www.sap-img.com/abap/bdc-example-using-table-control-in-bdc.htm
The key here is:
DATA : FNAM(20) TYPE C,
       IDX      TYPE C.
MOVE 1 TO IDX.
LOOP AT IT_BANK WHERE LIFNR = IT_XK01-LIFNR.
CONCATENATE 'LFBK-BANKS(' IDX ')' INTO FNAM.
perform bdc_field       using FNAM
                                IT_BANK-BANKS.
IDX = IDX + 1.
ENDLOOP.
once you´ve assured that the number of lines in the tablecontol won´t change due to parameter DEF_SIZE, you just have to worry about the above code.
Best regards.
Edited by: Pablo Casamayor on Jun 23, 2010 11:42 AM

Reflow Screen Size

After designing a site in the regular view then switching to the preview mode, the default area is now larger and when I open up the webpage it is as if the larger of the default size takes over. Is there a way to make the default area the same as the area I can edit when the canvas zoom is at 100% ?

Reflow is built in html, css, and js so there's not an easy way to trick the browser to not apply the media queries for the current screen size. If it's just a little bit, like the different between preview and non-preview maybe you can temporarily make your last breakpoint small enough that you can see a little bit of the default region and see your page there. You could also maybe drag the reflow window partially off the edge of your computer screen then resize the the window wider to make it larger than your screen. Netiher of those are ideal but that only other things I could think of besides using zoom.
Hope that helps and thanks for using Reflow!
Chris

Cannot edit any pages - No Edit Page Button

I have a blog through blogger, with my own domain, standupsteals.com. I have added a connection to it in CS5, but I have been unable to edit retrieved posts. The "Edit Pages" button doesn't even appear. I haven't tried to uninstall/reinstall yet. I did delete the connection, and recreate it, but still same problem. I cannot administer websites; it's grayed out, along with a lot of other options. I am the only user, so I shouldn't be locked out...Any ideas?
I have tried to follow the simple directions...Go to my homepage; choose an entry. Once I choose an entry, Edit Pages button should appear, right? It's not happening for me...I get a quick message that says I am on a site I am not connected to. How can that be?
When I try to edit a page from within IE, I get an error "Cannot find the file on the server" Message was edited by: ladeebishop

Hello Alpesh,
Thank you for replying!
I had already tried to export the roles and replaced the Z: with Z_ before creating this message, but the upload attempts failed due to the explanation above. But this time, I followed your (good) advice to delete the original Z: roles first, before uploading the corrected file.
Sadly, even after I deleted the original Z: roles prior to uploading the corrected file, I am still having no luck ... when I uploaded the file, again it (falsely) reports that the import was successful:
Import Status: 133 successfully imported out of 133 records found
After seeing that message, I quickly checked the roles, and none of the roles had uploaded. So now I have ZERO roles.
Any further ideas? I am thinking it may be something very small that is being overlooked ... perhaps certain buttons must be selected/not selected on the import screen? Or could it be an issue with the file itself?
When I do the import, I only select the button for "From File ..." and retrieve the file from my desktop via the Browse button. I do not select any other button, nor do I make a selection from the System or Role Source boxes. I have just selected that one button only ... I've tried it with and without checking the "Overwrite Existing Roles" box, but neither one works.
The part that bugs me the most is that I receive what I perceive to be an inaccurate/bogus "successful" status each time I attempt the upload of the file. At least if I had an error message, I might have something to work with to troubleshoot this.

Update query not working from edit page

Next incident with the guestbook saga:
Successful execution of gb_entry_mstr_det_e.cfm with URL:
http://www.benoitsystems.com/ww/bd/gb/gb_entry_mstr_det_e.cfm?call_number=14 all have database current info...this is good, but:
textboxes
Problem 1:
the SELECT field does not does not reflect/display the correct option I know exists in the database
the database field whence this SELECT object is supposed to display is a number, not text.
now,...
Problem 2:
Clicked on "Update Your Entry" button at bottom of edit page (to update by going to gb_confirm_update.cfm)
<INPUT
TYPE="submit"
NAME="submit"
VALUE="Update Your Entry">
then, arriving at the gb_confirm_update.cfm page, ...
Got an error (below) executing the page: gb_confirm_update.cfm with resulting URL:
http://www.benoitsystems.com/ww/bd/gb/gb_confirm_update.cfm?call_number=#gb_entryID#
--- snippet from template gb_confirm_update.cfm
<CFQUERY DATASOURCE="9130.ww" NAME="ww_gb_ud">
UPDATE gb_entries
SET
gb_entry_stts_='form.gb_entry_stts_',
gb_entry_nm_f='form.gb_entry_nm_f',
gb_entry_nm_l='form.gb_entry_nm_l',
gb_entry_nm_l_dspl_x=form.gb_entry_nm_l_dspl_x,
gb_entry_tce='form.gb_entry_tce',
gb_entry_tce_dspl_x=form.gb_entry_tce_dspl_x,
gb_entry_cy='form.gb_entry_cy',
gb_entry_stt='form.gb_entry_stt',
gb_entry_instr='form.gb_entry_instr',
gb_entry_m='form.gb_entry_m',
gb_entry_del_x=form.gb_entry_del_x
WHERE gb_entryID=form.gb_entryID
</CFQUERY>
--- end snippet ---
=================================================
Error Executing Database Query.
[Macromedia][SequeLink JDBC Driver][ODBC Socket][Microsoft][ODBC Microsoft Access Driver] Too few parameters. Expected 4.
The error occurred in E:\benoitsystems.com\wwwroot\ww\bd\gb\gb_confirm_update.cfm: line 2
1 : 
2 : <CFQUERY DATASOURCE="9130.ww" NAME="ww_gb_ud">
3 : UPDATE gb_entries
4 : SET
SQL    UPDATE gb_entries SET gb_entry_stts_='form.gb_entry_stts_', gb_entry_nm_f='form.gb_entry_nm_f', gb_entry_nm_l='form.gb_entry_nm_l', gb_entry_nm_l_dspl_x=form.gb_entry_nm_l_dspl_x, gb_entry_tce='form.gb_entry_tce', gb_entry_tce_dspl_x=form.gb_entry_tce_dspl_x, gb_entry_cy='form.gb_entry_cy', gb_entry_stt='form.gb_entry_stt', gb_entry_instr='form.gb_entry_instr', gb_entry_m='form.gb_entry_m', gb_entry_del_x=form.gb_entry_del_x WHERE gb_entryID=form.gb_entryID
DATASOURCE   9130.ww
VENDORERRORCODE   -3010
SQLSTATE   07002
Please try the following:
Check the ColdFusion documentation to verify that you are using the correct syntax.
Search the Knowledge Base to find a solution to your problem.
Browser   Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Remote Address   71.233.234.226
Referrer   http://www.benoitsystems.com/ww/bd/gb/gb_entry_mstr_det_e.cfm?call_number=14
Date/Time   21-Jul-10 03:11 PM
=================================================
I have every NAME of each object matching, verbatum, in the UPDATE query, and every database field name correct in teh query also.

I was encouraged to send snippets in an another submission, and now I believe it is best that I "lay my cards on the table"
Here's my hand:
Pages in question for your review:
http://www.benoitsystems.com/ww/bd/gb/gb_mstr.cfm click on the pencil (the toilet will delete the record.
http://www.benoitsystems.com/ww/bd/gb/gb_entry_mstr_det_e.cfm?call_number=21 go to bottom of webpage and click “Update Your Entry”
http://www.benoitsystems.com/ww/bd/gb/gb_confirm_update.cfm?call_number=#gb_entryID#
In your review of the above (should you choose) before clicking on the pencil, look at the status on the master listing record you will be editing, and feel free to edit. Most statuses will be “Hold”
Two dummy MS Access database tables:
Table 1: "gb_entries" (Guestbook)
field 1: gb_entries_ID (Autonumber - Long Integer)
field 2: gb_entries_dt (date/time)
field 3: gb_entries_nm_f (Text)
field 4: gb_entries_nm_l (Text)
field 5: gb_entries_nm_stts_ (Number field - Byte (not bit)) (fed by gb_sttsID)
couple other text fields
field 6: gb_entries_em (Text)
field 7: gb_entries_cy (Text)
field 8: gb_entries_stt (Text)
field 9: gb_entries_nm_l_dspl (Yes/No or True/False)
field 10: gb_entries_m (Memo type)
Table 2: "gb_stts_rf" (Guestbook Status Reference)
field 1: gb_sttsID (Autonumber - Long Integer)
field 2: gb_stts (Text)
Two Templates:
This is the edit page (where a person with administrative access may edit the status or change the spelling for someone, etc.):
 <CFQUERY NAME="edit_entry" DATASOURCE="9130.ww"> SELECT * FROM gb_entries WHERE #call_number#=gb_entryID </CFQUERY>
 <CFQUERY NAME="q_stts" DATASOURCE="9130.ww"> SELECT * FROM gb_stts_rf </CFQUERY>
<HTML>
<HEAD>
<TITLE>Woodwindology Guestbook Entry Edit Page</TITLE> <CFOUTPUT QUERY="incl_css_bd">#incl_code#</CFOUTPUT>
</HEAD>
<BODY
      BGPROPERTIES="fixed">
<DIV ALIGN="center">
<IMG
      SRC="<CFOUTPUT>#baseurl#</CFOUTPUT>md/img/ut/ttl/pg/guestbook.gif"
      BORDER="0">
<BR>
<IMG
      SRC="<CFOUTPUT>#baseurl#</CFOUTPUT>md/img/ut/ttl/sub/edit_entry.gif"
      BORDER="0">
<BR>
Developer View
</DIV>
<TABLE>
      <TR>
            <TD>
                  <TABLE
                        WIDTH="100%"
                        BORDER="0"
                        CELLPADDING="5"
                        CELLSPACING="0">
      <TR>
            <TD VALIGN="top">
                  <FORM
                        NAME="f_gb_entry_mstr"
                        ACTION="gb_confirm_update.cfm?call_number=#gb_entryID#"
                        METHOD="post">
                  <CFOUTPUT QUERY="edit_entry">
                  <B>Entry ID:</B>
                  #gb_entryID#
                  <INPUT
                        TYPE="hidden"
                        NAME="gb_entryID"
                        VALUE="#gb_entryID#">
                  <P>
                  <B>Entry Date and Time:</B>
                  #DateFormat("#gb_entry_dt#","mmmm d, yyyy")# #TimeFormat("#gb_entry_dt#","h:mm tt")#
<P>
                  <B>Entry Status:</B>
                  <SELECT
                        NAME="gb_entry_stts_"
                        VALUE="#gb_entry_stts_#">
</CFOUTPUT>
                        <CFOUTPUT QUERY="q_stts">
                              <OPTION VALUE="#gb_sttsID#">#gb_stts#</OPTION>
                        </CFOUTPUT>
                  </SELECT>
                  <P>
<CFOUTPUT QUERY="edit_entry">
                  <B>Guest's First Name:</B>
                  <INPUT
                        TYPE="text"
                        NAME="gb_entry_nm_f"
                        VALUE="#gb_entry_nm_f#">
                  <P>
                  <B>Guest's Last Name:</B>
                  <INPUT
                        TYPE="text"
                        NAME="gb_entry_nm_l"
                        VALUE="#gb_entry_nm_l#">
                  <BR>
                  Display Last Name:
                  <INPUT
                        TYPE="radio"
                        NAME="gb_entry_nm_l_dspl_x"
                        VALUE="Yes">
                  Do Not Display Last Name:
                  <INPUT
                        TYPE="radio"
                        NAME="gb_entry_nm_l_dspl_x"
                        VALUE="no">
                        <P>
                        <B>Your Email Address:</B><BR>
                        <INPUT
                              TYPE="text"
                              NAME="gb_entry_tce"
                              VALUE="#gb_entry_tce#"
                              SIZE="40"
                              MAXLENGTH="40">
                  <BR>
                  Uncheck the box to keep email private:
                  <INPUT
                        TYPE="checkbox"
                        NAME="gb_entry_tce_dspl_x"
                        VALUE="#gb_entry_tce_dspl_x#">
                  <P>
                  <SPAN CLASS="emph01">*</SPAN> Your City:
                  <INPUT
                        TYPE="text"
                        NAME="gb_entry_cy"
                        VALUE="#gb_entry_cy#"
                        SIZE="30">
                  <P>
                  <SPAN CLASS="emph01">*</SPAN> Your State:
                  <INPUT
                        TYPE="text"
                        NAME="gb_entry_stt"
                        VALUE="#gb_entry_stt#"
                        SIZE="30">
                  <BR>
                        <B>Instruments Played:</B>
                  <BR>
                        <TEXTAREA
                              COLS="45"
                              MAX="50"

Screen size problems iPad 1

I have an iPad 1 and the resolution of my screen is bigger than the screen size. This means that the image is larger than fits on the screen. For instance the keyboard does not show all the keys, and the kindle dispay is too large and I can't read the whole page as it runs off the edges. How can I fix this?

You are most welcome

Edit Page screen size

Similar Messages

Maybe you are looking for