Muse "Design" Mode vs "Preview" Mode

I spent time carefully laying out a page in the "Design" mode in Adobe Muse -- and then when I go into "Preview" mode to see how it will look, the layout is completely messed up -- text, objects, photos are not aligned, nothing is where I placed it. Why is this, and how do I work around it?

Moving to Help with using Adobe Muse CC
The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

Similar Messages

In Muse Design mode, on one of my site pages there is an aqua colored line running horizontal & I can't slide my page up past it?

In Muse Design mode, on one of my site pages there is an aqua colored line running horizontal & I can't slide my page up past it?

Ok well I realise that my source code needs changing to match that of the working page as transplanting the source code of a non working page into a copy of the working page doesn't work.
At least I have some sort of starting point now to work from.

Pages look fine in Design mode but Preview and Publish Distorted Footers

I'm experiencing some unusual issues with Muse. Footers on some of my pages are either not displaying content or distorting them..for example:
http://lawtechpartners.com/consulting.html
In muse Design mode it looks ok - screenshot here:
https://dl.dropboxusercontent.com/u/11434055/muse-screenshot.PNG
But live and in preview mode the issue shows.
I went so far as to delete ALL the files on the server and upload the entire site and all files from scratch to make sure nothing was colliding.
Can anyone help?
Thanks in advance.

Yes - I'm sorry I should have come back in and closed the question. It was all being caused by a very simple and short Google+ code that was to display the Google+ logo. As soon as I removed it, the footer rendered correctly. Here is the offending code:

<div class="g-plusone" data-size="medium"></div>

<script type="text/javascript">
(function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
</script>

Type shift between design mode and preview mode in Muse.

My type shifts / moves positions between design and preview modes. It then justifies differently in differnet Web Browsers. This mean I end up positioning things incorrectly in design mode to accommodate the error when published. I am using the Droid Sans Websafe font from Typekit but it doesn't seem to matter which font is used as the bug still occurs. See the attached images; the left is in Design and the other in Preview. See how the formatting shifts within the software. Also the weight of the headline FORDNESS changes slighlty. On other pages, this headline shifts a few pixels across and down. Any suggestions?

Hi,
Text layout and rendering varies from browser-to-browser (and between Muse Design and Preview modes). This may come as a suprise if you have a Print background, but is the reality of the web medium. I'll point you to some previous forum posts that may be instructive.
Layout shifts because of line-break changes
http://forums.adobe.com/message/6032336#6032336
Layout shifts because of font metrics
http://forums.adobe.com/message/6045303#6045303
Text rendering differences (general)
http://forums.adobe.com/message/4778838#4778838
Text thickening (specific to Safari)
http://forums.adobe.com/message/5862858#5862858
Hope this helps.
Abhishek

MUSE: seeing something in preview that I can't see in design mode

Hi,
I'm hoping somebody can help me. I designed a very simple 1 page site in MUSE with a slideshow, everything is working great, except when I go to preview mode, my website address is in the upper right hand corner of the page in small black text. I didn't add it anywhere while in design mode but it keeps popping up. How can I get rid of it?

Hello
Please publish this site as a trial site in Muse by clicking on Publish from within Muse and provide us with the URL to the trial site for us to see the issue.
Cheers
Parikshit

Preview Mode shows different page than design mode

When I am editing my page in Design mode in Muse CC, the page is approximately 700px long. When I preview that same page within Muse, it adds about 300px to the bottom of the page. There are no text boxes or other content that is causing the shift? Why are my webpages appearing different in the Preview panel than in my Design panel?

Please send your .muse file to [email protected] with subject marked Att:Vikas.
Thanks,
Vikas

Muse 2014.2.1.10 - place of svg - not showing right in design mode but correct in browser

Hi,
I am trying to place an svg file as a stand alone object and I am not seeing it correctly in design mode at muse. It seems to add a black stripe at the bottom of the svg covering a significant amount of the svg image. When preview at the chrome browser it seems fine and also by using the preview in browser of muse.
Any ideas?

It is weird and kinda frustrating but it appears to be working now (partly). I still can't see the image in Design view but they are now showing up in the browser.
I tested this using the following save settings in Illustrator (both worked this time, but when I tried originally both failed).
Only difference between the two is the Responsive option.

MUSE CC WON'T DISPLAY BEBAS NEUE WEB FONT IN DESIGN MODE

For some reason I can't seem to view the Bebas Neue web font in design mode any more, yet when I switch to preview or even go ahead and publish my site it works just fine.
It wasn't bothering me too much at first but it really confuses things after a while as I have to guess the sizes and spacing because the font that appears instead of Bebas Neue is Times New Roman (or similar).
All the other web fonts are working just fine. I've tried to reset the web fonts and apply them again but had no luck, and I even closed and restarted Muse CC several times but again, nothing!

Please refer to the following thread for a solution - http://forums.adobe.com/message/6259161.
Thanks,
Vinayak

Footer extends longer in Preview Mode then in Design Mode

I have attached two JPEGS that show my footer in "Design" mode and in "Preview" mode.
In "Design" mode the footer is perfect. It is the size and distance it needs to be at. However, when viewing it in "Preview Mode", the footer extends downward farther then it should. I've looked all over the page to see if there was something from another graphic or image or shape that could be extending downward and I don't see anything.
Take a look at both images and tell me why this is happening? I did have a lightbox gallary on this page. I thought that the gallery was extending it downward so I removed it to test my theory. Even after removing it, it still does not work the way it should.
Craig
Message was edited by: MUSE Worker

Like Vikas said:
Check if you have Sticky Footer enabled:
File > Site Properties
Page > Page Properties (for master and child pages)
Let me know if neither of those work, it could be that you just need to preview in browser to see what the true height will be in the footer.
Hope this helps!
Julia

Elements in Design Mode and Preview Mode are Different

I've encountered an irritating problem in Muse. The elements arranged in design mode are shifting erratically in preview mode. I'm trying to set up "buy" links for my client's CDs using amazon, cdbaby, itunes icons. The buy buttons are place below the audio player widget from MuseGrid. Right now they are just pics - no hyperlinks attributed. If anyone has advice, I'd be grateful as this problem is driving me nuts and costing me hours!!! I am using the
Design Mode Preview Mode

Hi,
Please try grouping the objects on the page. It resolved such issues in most cases.
Regards,
Aish

Preview and design mode issues

I would like to report a couple of glitches in Muse.
Problem #1:
I had a pair of photos that I added some text with in a separate text box. I had problems with alignment, so I put the photos into a slideshow with the text:
I hit enter to space everything out properly, and a portion of the text moves above where I want it, and overlaps existing text, and the column shrinks:
If I hit enter again, then delete, the text moves back to where I want it to go.
Problem #2:
On occasion, when I preview a page I am designing, it looks jumbled with text in places I never put it and opacity is reduced, like it's under layers. I deleted all text on the page and re-previewed with no difference in how it appeared, text still jumbled and out of place with text I just deleted. I revert to last saved and luckily that fixes it, but it sets me back a few steps. I didn't save any screen shots from that fiasco, but I did with the next one that occurred:
in Design mode I added the red links on the left of the Home page like this:
Preview showed a mess with the text I have on the master page like this, no links, and nav tabs placed above everything:
I have sent this to Adobe for a response with my export file and screen shots and haven't heard anything back yet.
Please advise.
Thank you,
Chad

I have updated Muse to
Realease version
V2.2, build 6, CL 770942
AIR Runtime: 3.4.0.2540
I made some changes to the "Animal Facts" page,
Saved it, Exported it, then uploaded it to my server.
What is shown in "Plan mode" is consistent with what I have designed, but I can't get it
to publish that way:
Now the changes that I made aren't showing up in the Firefox preview when exported, the Firefox view once published, or the preview within Muse.
Further the screen that shows up I can't find on the "Design mode" to change or delete it:

When snapping a rectangle to the top of the page left space between rectangle disappears in the preview (not in the design mode)

I think the image looks more descriptive than my words actually.. When I move the first rectangle to the top of the page the gradient background disappear in the preview (on the right side of the screen), even though I still can see that in my Design Mode (left handside). Everytime the top rectangle snaps to the top of the page the second rectangle snaps to the first one in the preview (both muse preview and browser preview)...Any help?

Seems you have applied scroll on second rectangle with key position setup on top of the page edge as a result when page edge is reached the second rectangle scrolls up on the page.
If this is not the case then please provide more details.
Thanks,
Sanjit

Colors are previewing differently than design mode

Anyone run into this problem before.... I've got a picture that looks way darker/desaturated in design mode than it does in preview mode. It doesn't happen with all pics, but it's a little irritating.
See pics (the second one - Preview mode - is correct):

Yes same issue. On the left is design mode. On the right is the preview in the browser. The preview in the browser is correct. This site was built in the previous version of Muse.
Something needs to be done about this quickly or I see no point in using this software. It is visually inaccurate.

GIF won't play in design mode, but previews fine... any ideas?

My animated gif loops in browser preview, but only plays on the stage when i move it around. If I leave it selected without moving, it sits there frozen. Any ideas why my gif won't play properly in design mode? Thanks!

Thank you for confirmation that that is how things should work. I'm new to
the program and following some Lynda tutorials to get up to speed. My most
recent lesson included the gif in exercise files, and everything seems to
function both in Photoshop and the browser. Even in edge design mode, if I
press on the gif and move it around, it plays and loops fine. But as soon
as I stop moving the gif, it returns to first frame and stays stuck there.
Whether selected or not, it just sits there frozen. If I switch
applications and come back to edge, I catch a glimpse of other frames, as
if the gif was playing in the background. But then it stops again, kind of
like a watched pot The behavior seemed glitchy to me, but I thought I
might be missing a setting somewhere. I'll try with other gifs, I guess..
Thanks again!

mx:Image no image preview in Design Mode

Inside my Flash Builder (4.01) AIR project, the image preview in design mode for the mx:Image component does not show the image set with the source attribute.
This seems to be a project specific problem. When I create a new project , insert mx:image and set the source to an image, the image is previewed just fine. I also get a possible related error saying : "Design mode could not load swiz-framework-1.0.0-RC1.swc. It may be incompatible with this SDK, or invalid. (DesignAssetLoader.CompleteTimeout)"
This error pops up in several google searches and is by some regarded as an sdk bug, so I dont know the relevance here.
This happens in various flavours of the Flex SDK (4.0/4.1 latest versions).
Thanks in advance

Ok, I found out it has definitively something to do with the "Design mode could not load swiz-framework-1.0.0-RC1.swc. It may be incompatible with this SDK, or invalid. (DesignAssetLoader.CompleteTimeout)" warning. This somehow affects the loading of the mx:Image.
Recompiling the SWC might work with the swiz swc, but there are more swc's giving this error like the google maps swc which does not have the source avalable freely.
This is a real pain as I like to use a mockup image in Design Mode to place components exactly as provided by the design team.

Muse "Design" Mode vs "Preview" Mode

Similar Messages

Maybe you are looking for