Create popup - 100% width x 100% height

I'm trying to create a popup window using PopUpManager and a
TitleWindow that will cover the entire application. In other words,
I'm looking to have a 100% width x 100% height. Unfortuntely, this
doesn't seem to be working - only absolute widths/heights seem to
be working.
Any suggestions?
Thanks!

That is not surprising. Popups are not exactly rooted within
the application, so relative sizing will not work. Try getting the
application size form the width/height properties at run time and
setting the popup size accordingly.

Similar Messages

How to make an Imagine in Adobe Muse span 100% width and 100% height.

Hello,
So this has been really puzzling me for a long time now and I have not found the correct answer.
I want to create the effect on my website where I have an image that fills the screen now matter what size screen you look at it from. I know that this is possible with the 100% width option but you cannot replicate the same thing with the height.
The best way to explain what i mean is by showing this example I have found:
Nils Frahm
If you look at this site, the image fills the screen, use your zoom in and out tools and you will notice no matter what your zoom the page still stays in full screen view! Now, wat's evem better is when you go to scoll using your mouse wheel or the scroll bar, you will notice this full screen image then scrolls up.
Summary:
What I want is a full screen image which covers the screen no matter what size you look at it.
Any ideas??

Yes, you can create that.
Use the image as browser fill with position and apply scroll to fill , so that at certain key position the image will also scroll.
Something like this : http://imagescroll01.businesscatalyst.com/index.html
Thanks,
Sanjit

SWF at 100 % width and proportional height

I have a SWF that I would like to use in an XHTML 1.0 Strict document.
My need is that the flash must:
- Be 100% width
- Grow / shrink proportionally in height (depending on width)
- The flash may not be cropped or distorted
- I must be able to to put a div just before the flash
- I must be able to place a div right after the flash
The flash should behave just as if you pasted below image in an HTML file:
<img
style ="
width: 100%;
min-width:800px;
min-height:280px;
height: auto; "src="xxxx"
alt ="-"/>
I need it to show a dias show (SWF), where the size changes with the browser window size.
If some someone can help, I would be very happy :-)

Here is an older post that has examples of various scaling:
Here are examples of different scaling parameters available in the Publish settings. You can also add these parameters directly in the html (<param name="scale" value="noscale"). All the examples replace the actual Flash dimensions with 100% for both width and height (width="100%" height="100%"). These examples use the old <object> and <embed> to illustrate the different ways to scale Flash. Once you understand how it works I’d recommend that you use swfobject to place the Flash in your final project.
View the source code for each page to see the full code.
http://www.cidigitalmedia.com/tutorials/scale/exact_fit.html
"exactFit" scales the file to fit exactly within the confines of the screen, irregardless if the movie becomes consequently distorted. The original aspect ratio is not maintained. So round things are not round and squares are not square.
http://www.cidigitalmedia.com/tutorials/scale/noScale.html
"noScale" is the default setting, and causes the movie to be displayed at the originally designed dimensions.
http://www.cidigitalmedia.com/tutorials/scale/no_border.html
"noBorder" causes the movie to be scaled to what ever dimensions are needed to have no border surrounding the movie within the player, which consequently could result in some of the movie being cut off from view. In other words, the movie will maintain the original aspect ratio and will fill the screen completely. But if the movie has to be streched wider to fill both sides of the screen, it will also stretch taller, but then some of the top and the bottom of the movie may be cut off from view.
http://www.cidigitalmedia.com/tutorials/scale/show_all.html
"showAll" scales the movie to the size of the screen (which could cause pixelation if the file contains raster information), the difference between showAll and exactFit is that showAll mantains initial movie size proportions. Because it maintains the original aspect ratio, there can be space to the sides or the top and bottom. But everything always shows and they are not distorted. But notice the photo in the center, it becomes pixilated at larger screen resolutions.
The trickiest part of trying to go full screen is that it’s difficult to make the Flash wider without making it taller also, that is, to maintain the correct proportions or aspect ratio of everything on the stage. These methods are just simple scaling accomplished with html. There are also methods to dynamically scale the stage and it’s elements using Actionscript… but that’s a much more complex undertaking.
Best wishes,
Eye for Video
www.cidigitalmedia.com
Adninjastrator

100% width and 100% height slideshow in Muse

Hi, In Muse is it possible have a slideshow that maintains full 100% width image but increases the slideshow height as the browser width is increased? In other words, I would like the slide show image to be say 1000px x 500px but if the viewer pulls the browser width t 1500px the slideshow image would still show the full image by becoming taller. At the moment I can do the 100% width but the slideshow stays the same height and therefore crops the image. .

Hi, In Muse is it possible have a slideshow that maintains full 100% width image but increases the slideshow height as the browser width is increased? In other words, I would like the slide show image to be say 1000px x 500px but if the viewer pulls the browser width t 1500px the slideshow image would still show the full image by becoming taller. At the moment I can do the 100% width but the slideshow stays the same height and therefore crops the image. .

100% Width Not 100% Grid

With most designs you want a fluid header/footer but you want you content centered within a max 1180 Grid (not edge to edge). Can you do this in Reflow without having to nest divs and give it a max-width. (Doing this only allows you access to about 10 columns of your 12 column grid, which makes the concept of the grid a little pointless).

I have the same issues, I need some elements that would be 100% width in my design, but the content itself to work in 12 column grid at a max of 1200/1180px to allow those full width
Right now you have to have 100% for the columns widths to allow those full width rows to fill browser but it then makes it hard to work to 12 col grid of 100px columns. I would like to set grid to 1200px and snap to this, but for this grid to work in background and not itself act as a container for all elements then added. Sites like http://www.desk.com/ and http://www.shopify.com/ demonstrate this type of design.
Currently I have a 12 column graphic I can use as a background, but of course I cannot snap to grid with this. Maybe guides would be an answer as an alternative?
I would also love to see an assets librray where I could store common elements (e.g blog listing) and drag onto page as well as a swtaches, so if I use colour swatch "primary" on lots of elements on the pages, I can go and change the "primary swatch colour" and everything is just updated.

Fullscreen published in flash - htm 100% width and height file is too big

Hello everyone
I need some help to create a fullcreen flash animation inside
dreamweaver.
What I did was to create a html file published in flash 100%
width and height.
It worked well on my explorer browser, but the size of the
file is 995 k and this would be my index.
When I publish on my provider the file doesn't open, probably
is too big as an index, i don't know.
Is there anyone there that could help me on that one?
Thank you
This is the code on Dreamweaver html
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;
charset=ISO-8859-1">
<TITLE>back_men</TITLE>
</HEAD>
<BODY bgcolor="#262626">


11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="100%" HEIGHT="100%" id="back_men" ALIGN="">
<PARAM NAME=movie
VALUE="file:///C|/betoko_webfiles/flash_files/betoko/back_men.swf">
<PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor
VALUE=#262626> <EMBED
src="file:///C|/betoko_webfiles/flash_files/betoko/back_men.swf"
quality=high bgcolor=#262626 WIDTH="100%" HEIGHT="100%"
NAME="back_men" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="
http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>
<script type="text/javascript"
src="fixit.js"></script>

Well, firstly you have > 60 minutes of video, therefore, you should not use the 60 minute preset. Since you have 80 minutes of video, you're probably better off using the 90 minute preset.
Secondly, the presets assume that you are compressing your audio to AC3 with A.pack or Compressor 2 (depending on which version of DVDSP you're using). Uncompressed audio takes up lots of disc space and bandwidth.
Thirdly, the difference between the measured size in the Finder and the size in DVDSP is the difference between true gigabytes (how the Finder measures things) and billions of bytes (how DVDSP measures things). When you Get Info in the Finder, look at the number following the file size in GB... it's a larger number that's so many billions of bytes. This larger number should agree with the number you see in DVDSP. See the DVD FAQ for a discussion of this issue.

Full-browser window flash, 100% width/height not working

Hello.
I'm pretty sure this issue has been discussed before but I
couldn't find a suitable answer.
I need my flash website to fill the whole browser window. In
the 1st frame of my .fla file I used:
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
In the Publish Settings, I used 100% width and height and
Default scale mode.
I even tried adding CSS styles to the .html file, defining
padding and margin as 0px and applying them both to the body tag
and to a custom class that was later applied to the object tag that
embeds the .swf file on the html.
Still, the latest versions of Firefox, Safari and Opera (all
on Mac OSX Leopard) still display a border around the website.
What can I do? Thanks in advance.

Thank you for posting.
I've created a small video to show how to create a 100% width rectangle element. Please refer to the following Link : http://screencasteu.worldsecuresystems.com/aish/2013-03-21_1414.swf
Hope this helps.
Regards,
Aishvarya Raj Rastogi

Suddenly scrollbar at 100%width&height sites

Very, very strange: Suddenly I get a scrollbar at 100%width&height compositions. That started a few days ago. Somebody else recognized? It is in all the browsers (at least on mac).
And it is getting stranger: When you preview the site from edge in browser it is there. When you directly open the html file in the browser it is not there. When I upload the html file it appears again. ???
Was there a secret update on edge? Or all the browsers at once? This is so enological and I spent hours to find the reason for this.
And the scrollbar suddenly is in all of m edge projects when I open them in edge and then save it. I also tried to open a blank document, just set the width&height to 100% and there it is - vertical scrollbar appears.
Please help. This is super disturbing. Maybe somebody form the edge team has an answer to this?
Or for now maybe someone can tell me a code fro turn of the scrollbar manually with a code in edge.
Thanks a lot!

Hello.
Tanks for your answer. This is my site: www.dnzstudio.com
If you scroll down you ll see the scrollbar and some white at the bottom. At least on mac. This was Never there before. Also when I open other projects again in edge and make preview in browser it is like that coming out of nowhere.
And the strangest thing is when I open up a complete new document, set w&h to 100percent it is doing the same. It would be great if you could try that.
I also tried it on my laptop where I also have cc tuning.same thing.
Really interested in your answer if you experience the same thing also when you look on my site on the browser.
Thank you, regards, Deniz
Von meinem iPhone gesendet
Am 16.05.2014 um 11:34 schrieb hemanth kumar r <[email protected]>:
suddenly scrollbar at 100%width&height sites
created by hemanth kumar r in Edge Animate CC - View the full discussion
Its strange ,can you mail me your files so that i can try to find the reason for this problem.
There was not update from at-least edge recently
If your scroll bras are appearing in the body of the page you can hide them by adding the following snippet in composition ready event listener
$("body").css({"overflow":"hidden"});
By do mind this might prevent user from seeing content that user will have to scroll.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6384005#6384005
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Edge Animate CC by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Can't create %100 width object

I'm new to Muse and am having problems creating a %100 width object.
I have a rectangle containing a fill image that is set to tile horizontally which is part of a group. When I snap the edge of the rectangle it's a blue line instead of a red one and does not indicate that it's a %100 width object.
What could I be doing wrong? Or is this a glitch of some kind? Thanks so much!

Hi
With group objects we cannot do that as 100% width, please ungroup the rectangle and then it would be 100%.
Thanks,
Sanjit

100% percent width AND 100% height rectangles.

Muse should be able to have a rectangle with an image in it scaled to 100% width and height so if my browser goes full screen, the rectangles adjust to it.
No I am not talking about a Pinned rectangle sidebar menu. I am talking about rectangles on the page that contain images with a 100% width.
Muse should be able to have MULTIPLE 100% height rectangles, so as you scroll, each section with a 100% width and height rectangle adjusts to your browser size.
To see the desired effect, check out this site.
http://www.schlage.com/en/home/keyless-deadbolt-locks/touch.html

Thats right ...
there is no provision of defining percentage of ALV grid.
it takes the size of contianer automatically....
Though you can try dynamic screen generation. but i am not sure if it allows you to determine user's screen resolution and size.
As all the processing is done on Applicaition serer this doesnt makes any sense.
So u have to stick to old style programming and Static ALV grid size
Hope this helps you.

How to centre the stage of 100% width in a browser?

I have created a web page in Edge that I intend to be centred in the web browser. If I keep the stage to fixed width (960 px) then I can centre it in the browser with the following in the compositionReady event of the Stage:
$("#Stage").css("margin","auto");
However, I want to create a tiled background, for which I use the following in the compositionReady event of the Stage:
$("#Stage").css("background-image","url(images/[email protected])","background-repeat","re peat");
If I keep the stage to fixed width then I don't see the tiled background because the stage is full of objects and the tiled background doesn't extend past 0 and 960px. If I make the stage width 100% then everything becomes left-aligned, but I do see the tiled background (to the right of the stage objects).
I've tried thinking of clever ways to position everything relative to some transparent element that has its width property set to 100%, but to no avail.
Does anyone know of a way to ensure that everything positions relative to the centre of the stage while retaining the 100% width stage property?

Zaixist posted this a long time ago and you might want to try it:
$("body").css({
            "background-image":"url(images/yourBghere.jpg)",
            "background-position":"center center fixed",
            "background-repeat":"repeat",
            "-webkit-background-size":"cover",
            "-moz-background-size":"cover",
            "-o-background-size":"cover",
            "background-size":"cover"
$("#Stage").css({"margin":"0 auto"})
jQuery.fn.center = function(){
this.css("position","absolute");
this.css("top","50%");
this.css("left","50%");
this.css("margin-top","-"+(this.height()/2)+"px");
this.css("margin-left","-"+(this.width()/2)+"px");
return this;}
sym.$(".center").center();

(noob) 100% width cut off on mobile?

I am in a beginner dreamweaver project and our assignment was to do a redesign of starbucks' site. I finished it, and it seems to behave fine in web browser, but when I look at it on mobile, all of the 100% width aspects cut off and I am unsure why. Any help would be appreciated.
site is here: http://jonmcclaindesign.com/starbucks/starbucks.html
Here is what it looks like on mobile:
As you can see the header, and footer both abruptly stop. Any other info I can give let me know.

Try the code below: (then note the media queries at the end of the css - that's when you start to change the order of the page elements and size of page elements to fit specific screen widths - it's a bit of trial and error). Also at some point you might want to include a responsive menu option, but that's probably for another day.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jon McClain's Starbucks Mockup</title>
<style type="text/css">
.container {
.header {
    background-color: #0e5635;
    height: 300px;
body {
    margin:0
img {
    max-width: 100%;
    height: auto;
.logoWrapper {
    width: 250px;
    height: 252px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    overflow: hidden;
#articleHolderWrapper {
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0
.articleHolder_1 {
float: left;
width: 60%;
text-align: center;
.articleHolder_1 h1 {
font-size: 45px;
padding: 80px 0 0 0;
margin: 0;
.articleHolder_2 {
float: left;
width: 40%;
text-align: center;
body,td,th {
    font-style: normal;
    font-weight: 700;
    font-family: cabin;
    font-size: 16px;
h1,h2,h3,h4,h5,h6 {
    font-family: cabin;
    font-style: normal;
    font-weight: 400;
.navContainer {
    background-color: #000000;
    border-radius: 0px 0px 60px 60px;
    display: inline-block;
    text-align: center;
    width: 100%;
.navContainer ul {
    margin: 0;
    padding: 0;
.navContainer li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
.navContainer a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-family: abel;
    font-size: 30px;
    padding: 14px 40px;
.footer {
    width: 100%;
    height: 100px;
    background-color: #CCCCCC;
    border-top: 10px solid #006633;
</style>
<style>
@media screen and (max-width: 850px) {
.articleHolder_1 h1 {
    font-size: 35px;
@media screen and (max-width: 760px) {
    .articleHolder_1 {
float: none;
width: 95%;
margin: 0 auto;
.articleHolder_1 h1 {
    font-size: 45px;
padding: 0;
.articleHolder_2 {
float: none;
width: 60%;
margin: 0 auto;
</style>

<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/alice:n4:default;allan:n7:default;abel:n4:default;amaranth:n4:def ault;asap:n7:default;cabin:n7,n4:default.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
<div class="header">
    <div class="logoWrapper"><a href="starbucks.html">
    <img src="http://jonmcclaindesign.com/starbucks/images/starbucks-logo.png" alt=""/></a></div>
</div>

<div class="content">
    <div class="navContainer">
     <ul>
     <li><a href="coffee.html">Coffee</a></li>
     <li><a href="#">Menu</a></a></li>
     <li><a href="#">Coffeehouse</a></a></li>
     <li><a href="#">Responsibility</a></a></li>
     <li><a href="#">Shop</a></a></li>
     </ul>
    </div>
    
    <div id="articleHolderWrapper">
    <div class="articleHolder_1">
      <h1>Your next drink is on us</h1>
      <p>...when you join our loyalty program My Starbucks Rewards™ and sign up for email.</p>
      <p> </p>
      <h2><a href="https://www.starbucks.com/account/create/register"><img src="http://jonmcclaindesign.com/starbucks/images/signup-button.gif" width="192" height="48" alt=""/></a></h2>
    </div>
    
    <div class="articleHolder_2">
    <img src="http://jonmcclaindesign.com/starbucks/images/starbucks-cup.png" alt=""/>
    </div>
    
    </div>
    
</div>

<div class="footer"></div>
</div>

</body>
</html>

How to get 100% width in fluid grid layout CC

I'm currently getting to grips with dreamweaver's fluid grid layout and cant seem to get a div to go the full 100% width across the screen. Ive created a div outside of the grid container as a non fluid div, and entered in the CSS myself in code view since Dreamweaver doesnt seem to allow you to add a class or ID to non fluid elements in design view. I have done this and all though i thought i had achieved success i noticed when looking closely in live view and when previewed in chrome that there is still a tiny gap between the div and the edge of the screen. Its very small, but its definitely there. Ive enetered width to be 100% and its definitely not simply 100% width of the grid container as its wider. I just cant account for the tiny gap which seems to be about 1 pixel wide. Any ideas whats causing this gap?

Depending on your project goals, there are plenty of other Responsive Frameworks you can use.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's FREE Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs (Commercial CSS Templates)
http://www.projectseven.com/products/templates/index.htm
Adobe Edge Reflow
http://tv.adobe.com/watch/adobe-edge-reflow/introduction-to-reflow/
PS. I don't work for Adobe. I'm just a product user like you.
Nancy O.

How do I make my webpage 100% width on any desktop resolution?

Hi,
I designed a website mockup on Photoshop with the dimensions of W: 1280 x H: 2464 but when placing the JPG file on the empty homepage
to see how it would look and fit, it wasn't taking up the whole screen and instead was centre and there was white background left and right.
I'm viewing this on my desktop thats 1920x1080.
I'm new to Muse so I'm not sure what is the best dimension settings to choose for a website that would work great on almost any desktop.
An exmple of the style of website I want to create is the Nestea website
For the header and footer of my website I have a huge image instead of a solid colour.
I know the images have to be really large so they don't get stretched out and loose quality but
if someone could tell me the dimensions and settings to put when creating a new website so that
I could re-mockup the website with the same dimensions and that if I placed the JPG file to see how it
would look, that it would fit edge to edge and not loose any quality.
Thanks

Hi,
You may find the below resources helpful in getting you started with a flexible width site in Muse similar to the example you provided.
http://tv.adobe.com/watch/muse-feature-tour/muse-design-for-flexible-browser-width
https://helpx.adobe.com/muse/how-to/add-100-width-slideshow.html
http://helpx.adobe.com/muse/using/using-fill-browser-fill-options.html
http://tv.adobe.com/watch/learn-adobe-muse-cc/adding-scroll-effects/
http://helpx.adobe.com/muse/using/scroll-effects-opacity-slideshow-animate.html
Cheers,
Vikas

Insert 100% width flash banner in HTML

Hi all,
i am trying to insert a 100% width flash banner in an html
page. The problem i am facing is that i am inserting the banner
inside a div which has some margin in it. This is effecting the
percentage size of the flash banner. How can i display the flash
banner in that div without the margin width effecting the flash
banner size.
(01) - <div style="margin:0px;"> <object
classid="somevalues"></object>
The size of the flash banner is perfect and when the window
is resized the flash banner fills in perfectly with the div tag and
the retains its width and height
(02) - <div style="margin:50px;"><object
classid="somevalues"></object>
The flash banner gets effect and the width is effected.
Please help....

> BUT if I try to insert a Flash movie/banner into the
template - then it
> does not appear of ANY of the site files.
Because of the active content .js fix, when you insert a .swf
file into a
template, you must use a Site Root relative path for it.
Open the .dwt template file.
Double-click on the .swf in design view- the "browse to file"
dialog box
should come up showing the currently selected file.
look in the bottom of that dialog box for the pulldown to
change from
document relative path to site root relative path. Change it
to site root.
click okay and save the file, and let changes propagate.
does it show in the child files now?
[note- It may still not show during local preview because
site root relative
paths in javascript will not make any sense during local
preview- they
should work fine on the remote host if the site has it's own
domain name
though]
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Create popup - 100% width x 100% height

Similar Messages

Maybe you are looking for