100% Width rectangle not working

I followed the instructions from this article, and it is not working. Any ideas?
Creating a 100% width rectangle element that spans the entire width of a browser window.
I did everything it says to do here, but it does not scan across the browser when I preview, and the "red lines" to detect when rectangle sides are flush with the page do not appear.
I'm in CS6.

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

Similar Messages

100% width rectangles not stretching 100% in mobile (phone view)

Muse shows that the rectangle stretches to 100% width, but on iOS devices (iphone 4 and 5), there is a gap by the scroll bar. Since mobile is vital to web development, I would love to know when this fix is coming???

Could you please attach the file again?
Regards,
Neha
Re: 100% width rectangles not stretching 100% in mobile (phone view)

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

%100 width object not working

http://www.shutterlabcreative.com/index.html#services
I'm having issues with the %100 width object (texture at the top of this page) disappearing once it's converted from a normal image to a %100 width object. Does anyone know why this may be happening?

Hmm... the object doesn't appear to be exporting as 100% width. Could you please send us the .muse file at [email protected] along with a link to this thread so we can take a closer look? If the file is larger than 20Mb you can use a service like Adobe SendNow, Dropbox, WeTransfer, etc. Thanks.

100% Width Slideshow Not Displaying Images Correctly In Phone Version...

Hi all... Again.
2nd issue encountered tonight since working on the mobile version of my current project. Having copied, pasted and resized the 100% width slideshow from the homepage of my Desktop version to my Phone version and after having applied different resolution images and published successfully, I made some edits to a different page (the main "About" page, nothing to do with the Homepage) and published only to find that the images in the slideshow are now not displaying correctly...
After the first (of eight) image, it seems to skip the next one entirely and apply the text for the 2nd image to the 3rd image, the text for the 3rd image to the 4th image and so on... Additional to that, it seems to also randomly use the Desktop resolution images for four of the images... WHY?!
I made NO changes to the slideshow since the last publish so WHY has it changed?
I've tried re-applying the correct images and re-uploading; no change. I've tried doing a full-upload; no change. I've tried closing down Muse and trying again; no change. My only option left really is to either update to the October 27th edition of Muse (which I was deliberately holding off on, until I completed this project, which aside from the mobile version is done!), or to revert back to the previous version of Muse in the hopes either of these will resolve the issue. Only problem with that is I've started using the text sync features and the new contact form features (such as ReCaptcha, which is a pain in and of itself if you want to use two forms on one page!! Heaven forbid!)... So I'd really rather not have to revert back but I also don't really want to risk screwing anything up further with the latest update, as has happened on more than one occasion for me when in the middle - or near the end - of projects!
Is anyone else encountering this? Anyone able to replicate it? Anyone know how to fix it? I'm really reluctant to continue on with the Phone version of this project until I know I won't keep encountering this sort of thing...
Any help would be appreciated.
Thanks.

In the words of Gomer Pyle, "Well Golly!"
Thanks. lol

Setting Horizontal Menu widget to 100% width doesn't work

Hello, I'm trying to set a Horizontal Menu widget to 100% width within Muse so it spans across the browser, and it looks just fine while I'm editing it into Muse, but when I attempt to view it on any browser, I get a shorter menu, floating to the left of the screen. Does anyone know what could be wrong?
As you can notice in the attached screenshots, #1 is the Adobe Muse view, the menu's width is being scaled to the limit of the browser's view, and the Width setting clearly shows as "100%". In screenshot #2, is the exported site viewed on Google Chrome, with a smaller menu floating to the left.
I've been searching an answer for days, but can't find anyone with a similar issue. Any insights would be greatly appreciated!
(I have an ongoing project with this problem holding it back, I just remade it on a new, clean file to replicate the issue and get the screenshots you see here)
Thank you!

I think videos will be more helpful :
https://www.youtube.com/watch?v=rOggrg-svPs
https://www.youtube.com/watch?v=eQo_k9WiLms
http://tv.adobe.com/watch/muse-feature-tour/muse-design-for-flexible-browser-width/
Additionally, you can try to use the menu from muse library :
http://muse.adobe.com/Default.aspx?CCID=32494&FID=162755&ExcludeBoolFalse=True&PageID=1524 0812
Thanks,
Sanjit

100 percent button not working

I followed the tutorial exactly to create a 100 percent width slideshow. When selecting the hero image, however, the new 100 percent button on the control panel does not light up. Any help?

What does the Control Strip say at the far left when the hero image is selected? It should say "Hero Image". If it says, "Image" you've clicked too many times. Hit Escape to select the parent element. It it say's "Slideshow" click one more time to select the "Hero Image".

Max width css not working in ibooks

When i add max width in epub and render it in ibooks is now working i dont know why

vertical-align doesn't work like you think it should. Read this page:
http://phrogz.net/CSS/vertical-align/index.html

Nokia Suite 3.2.100 Contacts Sync not working on T...

Hello,
Just upgraded my Thunderbird to version 8.0 and contacts synching stop working with error code 83950003. It was working fine with TB 7.0.1.
Any timeline as to when a solution or fix is available.
Thank you very much

Hmmm,
Thunderbird sync of adressbooks is actually not supported from any other phone makers what I know.
Is there any other phone brands that support sync of Thunderbird adressbooks?
Well I have used Thunderbird during a lot of years on some computers and Nokia has been the only only one with support.
I think there is time to understand that Thunderbird is only good as an email client for example IMAP accounts and of course exchange accounts.
You people should really take a look at Microsoft Office 365 (USD 6 per month) http://www.microsoft.com/en-gb/office365/online-software.aspx
if you syncing several computers and phones and don´t want problems with contacts, calender and perhaps even todo and notes.
Thunderbird is a mess when transfering accounts from a computer to another computer if not Imap and messages saved on server...l but I still like Thunderbird as an email client on computers for exchange accounts that is in-the air with backup by exchange.
I dont expect Nokia to continue supporting Thunerbird in the future as no one else does it....Not even Funambol does it..
Another thing, during the last few years there seem to be rather small development to get the Thunderbirds calender, notes to be a real choice...I think for example Zimbra (www.zimbra.com) is far better than thunderbird as a desktop email client and a half of dozen more...well just some thoughts from me.
I just think Thunderbird during the years always ends up messy and it is still half baked and will never mature...
PS1 When updating Thunderbird you should get a message if it is compatible so why update Thunderbird if Nokia hasn´t updated? DS
PS2 In Q1-2012 all Synbian will have Microsoft Mobile office for free, and that is among the best news for Symbian users in a long time DS
Nokia 808 again (delight Belle), Nokia E7 and X7 ( again, all on Delight Belle...after some time on Nokia Lumia 925 (retired), 1020 (not that great)and Lumia 820 (Replaced my router at home, great for internet sharing).., N9 The best device ever (use it as much as Lumia 1020), Nokia 700 (Sport Phone/My Love :-) ) Nokia 701, Nokia E6 (Should have a follow-up from Nokia among with larger screen, NFC, Autofocus), Lumia 800 (Retired After 6 weeks), -Sports Tracker-Nokia Internet Radio-Handy Safe-Skype-Bambuser-Screenshot app pro-fMobi-ComingNext-Manual TaskSwitcher-jagiTimer-Easy StopWatch-Boldbeast-Equalizer-Financial Calculator-WiMP Music-YTasks-Davi-Thumbnail Folders-BizCalendar-Tiny7-Situations-nn reeder-Sport Timer-CameraLover-CameraPro-GrabRadio-LiveScore-Poddi-Gravity-SkyFilesPro

Zero Fill and Upper Case in Visual Composer not working

Hello,
I am building my first VC application and hit a small wall from get go. When I create input fields and set text formats for one to have "Zero Fill" and for the other one "Upper Case" they do not seem to work properly.
Zero Fill does not work at all. I set this format and also set max length as 10 to be used as input for customer account #. But it does not perform conversion. When I call a BAPI to get customer list, if I enter 0000000100 it works. When I enter 100 it does not work. Thus "Zero Fill" does not take effect.
"Upper case" works but only after refresh. If I enter ac10 as company code and then click submit it does not work. However if after entering ac10 I press enter and then submit, it work.
Does anyone have any info on how to deal with this? We are using VC 7.0
Thanks,
Alex

Hi ALex,
Now I got your problem. I suggest a solution for it.
Go to the design board of VC.
I think you have an Input Form that contains the input fields and the Submit button. There will be a link named "submit"between the Input Form & the Data Service(say BAPI). Click on the submit link, you will get the Input Fields & Assigned values of the Input Form at the bottom right side. Go to the Assigned Value of the particular field & apply a formula like UPPER(@inputfield). So now whatever case you give in the inputfield, it is converted to UPPER case before Submiting the values.Keep the Upper Case option checked at the formatting tab of the Input field properties, this will help to display the value in Upper case.
For eg, BAPI_BANK_GETLIST, the input fields are BANK_CTRY & MAX_ROWS.
Make the assigned value of bank_ctry as UPPER(@BANK_CTRY), you can get this with the help of formula.
This will solve your problem.
Regards,
Shemim

100% width slide show misaligns content placed over it

I have been able to replicate this a few times and was wondering if anyone had any insight or the same issue:
1. Add 100% width slide show (full page) to page from widget menu.
2. Once established, add 100% width rectangle at top ( this is where logo and horizontal menu will go)
3. Add logo and menu over 100% width rectangle.
4. Change opacity of rectangle to 64%
5. Publish to BC
Upon publish, the rectangle gets pushed up about 40px and the logo and menu and pushed down about 20px. It seems something gets inserted? Very frustrating. I have tried putting the slide show in a separate layer as well. No luck.
on PC, windows 7 ultimate.

Sure: Home
This is a basic page:
Full page/width slide show - you can see that I only deleted the captions and arrows - no other changes to slideshow.
Full page slide show with a rectangle (no border, opacity 77%. height: 102px)
Tagline over the rectangle.
Logo Rectangle with "Logo" text over that.
You can see the transparent rectangle gets pushed up, the other elements remain in place.
I can replicate this over and over and just did this example on a Windows machine again - different computer.

100% Width Not Working on Some Mobile Page

Hello,
I have encountered an issue that I cannot diagnose. I am building a mobile site in Muse (the desktop site is already completed), and on all of the pages, there are images that span 100% width. However, on some of those pages, there is a gap along the right hand side between the edge of the image and the edge of the browser window. I unfortunately only have access to Android devices, and it is doing this on Chrome, Chrome Beta, and the default Android Browser. I have tested it using the device emulation features in the Chrome developer tools on desktop, and the issue is there for all devices.
EDIT: It does the same on iOS devices (iPhone)
I have set up my site at a temporary business catalyst URL at: http://mobilewidthissue.businesscatalyst.com/index.html
The issue is appearing on the pages titled 'live' and 'care', but the images and rectangles are great on the 'plan' page. I did notice that those pages (live and care) have the same master, while the other (the plan page) has a different master. However, in an attempt to solve the issue, I tried making 'live' and 'care' have the same master as the 'plan' page, and the issue still existed.
Again, this issue is ONLY ON MOBILE. The desktop site is completed, so please do not evaluate that.
I am open to sending my .muse file to an Adobe employee (in fact, I hope this happens, I have spent too long trying to solve this).
Thanks for your help!

Hello,
I have encountered an issue that I cannot diagnose. I am building a mobile site in Muse (the desktop site is already completed), and on all of the pages, there are images that span 100% width. However, on some of those pages, there is a gap along the right hand side between the edge of the image and the edge of the browser window. I unfortunately only have access to Android devices, and it is doing this on Chrome, Chrome Beta, and the default Android Browser. I have tested it using the device emulation features in the Chrome developer tools on desktop, and the issue is there for all devices.
EDIT: It does the same on iOS devices (iPhone)
I have set up my site at a temporary business catalyst URL at: http://mobilewidthissue.businesscatalyst.com/index.html
The issue is appearing on the pages titled 'live' and 'care', but the images and rectangles are great on the 'plan' page. I did notice that those pages (live and care) have the same master, while the other (the plan page) has a different master. However, in an attempt to solve the issue, I tried making 'live' and 'care' have the same master as the 'plan' page, and the issue still existed.
Again, this issue is ONLY ON MOBILE. The desktop site is completed, so please do not evaluate that.
I am open to sending my .muse file to an Adobe employee (in fact, I hope this happens, I have spent too long trying to solve this).
Thanks for your help!

100% height not working in Internet Explorer

I'm using the following CSS code to have a verticle div tag
stretch down the left side:
}#leftbar {
background-color: #2E4A72;
height: 100%;
width: 180px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
position: absolute;
z-index: 1;
overflow: hidden;
top: 0px;
visibility: visible;
This works in Firefox and Safari, but not in IE.
Please give me some GREAT advice, since I'm definitely not
great at CSS. Thank you

> which is where trickery using java comes in
Javascript, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"andy_forbes" <[email protected]> wrote in
message
news:eiaero$mel$[email protected]..
> hi take a look at this article mate should help you as
it did me :
>
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
> IE does not do 100% heights, which is where trickery
using java comes in.
> Also
> you can use borders of the center div rather than
margins if you want a
> specific colour to stretch with the content. So you
would take off the
> margins
> widths and replace with border widths as this hasd the
same effect and you
> can
> then apply colours and they will stretch with the main
content as they are
> attached....am I making any sense for you?
> Andy
>

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.

Why is Rectangle Tool's matching dimension feature not working?

With the Rectangle Tool's cursor is clicked in the document.
The Rectangle Panel appears.
A height dimension is entered.
With the pointer, the Width field is clicked.
Usually, the Height Value gets automatically entered in the Width field.
In this case it does not.
This same behavior is occuring in the Ellipse Tool.
What has changed?
Thanks
iMac 3.4Ghz 32 GB
OSX 10.8.2
Illustrator CS6

I may not have been clear on what is not working... the feature I am trying to create has been in Illustrator for several versions... another discusion on this site deals with the same problem...
see http://forums.adobe.com/message/4910715... it is explained...
'There has always been a one click solution, just like the help file says. Try it in CS5, click once with the tool, enter your width value, click on the word height, ill copies the width value into the height field, hit enter and you are done.'
it is this function that I have used for years.

100% Width rectangle not working

Similar Messages

Maybe you are looking for