Adding phone layout to existing desktop site - No scratch page created

Trying to make a phone version of site created in muse but no scratch page is created in desktop plan after adding phone layout. Ideas?

I'm following adobe help tutorial http://helpx.adobe.com/muse/tutorials/creating-mobile-layout-designs-muse.html#id_25691htt p://
Under heading "Adding Phone Layout to Existing Muse Site" #3 starts refering to "scratch page"

Similar Messages

Migration of an existing web site to Web Page Composer

Hello,
I am investigating the options and the feasibility of the migration of an existing web site to a Web Page Composer (WPC) site. The web resources of the site can easily be copied to KM and used afterwards in WPC containers. However, they can neither be integrated to the WPC site navigation nor edited through the WPC UI. For example, only WPC Web Page or Web Sites can be WPC navigation nodes.
Has anyone ever done or tried such a migration? Do you know where I could find a description (or the javadocs) of the WPC API? Any suggestions or hints will be much appreciated.
Thank you
Youlian Dimitrov

Hi Youlian.
If I understand correctly you have rebuilt only a few hundreds of the old pages using WPC forms. Did you do this manually or you have found a way of migrating them programmatically?
Yes, we did it manually for a two reasons:
1. short timetable;
2. 20 intranet sites with variety of used technologies and tools, styles, navigation structures.
Did you leave the rest of the pages as HTML (non-WPC) files?
Yes. But we imported them into KM.
Does it mean that you have implemented only part of the navigation structure through the WPC/portal navigation?
Yes and no.
Firstly, in our case it would be a bad idea to bring all legacy, sometimes cluttered, navigation structure to a new platform as is.
Secondly, keeping in mind that in a common scenario portal already has own top level navigation you should carefully decide how deep is your site navigation structure will be.
Finally, migration it is a good time for information architecture redesign based on standards and guidelines.
Assuming that you have adjusted properly the links to all resources, have you encountered any particular navigation or display issues following this approach?
I could remember two limitations concerning a navigation:
1. you should avoiding links to navigation nodes inside non-wpc html files, because in this case a target page opens without DLN;
2. first linked non-wpc html page, which placed outside wpc container, should be opened in new window.
As for design, all our display issues caused by inline styles within source html files.
Did you notice any noticeable performance degradation after the migration?
We didn't have any degradation of performance. However, it is highly individual and depends on your portal infrastructure.
Best regards,
Aliaksandr Zhukau

Apply Fluid Layout to existing site?

Has anyone been able to apply the CS6 Fluid Layout to existing Dreamweaver site pages? I have about 1000 pages, all template-based that I wojld love to convert to Fluid Layout if there is a reasonably efficient way to do it. Any info or a link to a tutorial on this would be appreciated. I am going crosseyed right now from all of the searching!

I don't have CS6, so I don't know what the Fluid Grid Layout is that Murray's talking about. But if what you are trying to do is to create pages that fill the browser window, that's easy.
And I think you don't have to alter your template(s) -- it can be done in your style sheet.
Almost all web pages have an outer "wrapper" that everything else (save the body) lives in. So, for a fixed-width website, you do the following:
#wrapper {
               margin: 0 auto; /* this centers your main content in the web page */
               width: 980px; /* This is the maximum width of your website in pixel units. */
For a fluid width, you do the following:
#wrapper {
     margin: 0 auto; /* this centers your main content in the web page */
     width: 100%; /* this sets the width to the viewport */
Now, one thing I do like to do is specify a minimum width, which I do in the body:
body {
          min-width: 760px;
I also like the CSS Tricks example, which specifies minimums and maximums, giving you "fluidity" up to a point.

Mobile/Phone Layout Preview Issue

Hi all,
I've just made my first attempt at a basic layout on a master page for the mobile version of a site I'm working on, but when I go to Preview mode things just aren't displaying properly...
I have a tiled background image, a header with a logo and an image where my menu button will likely go, and in the footer I have social media icons and a copyright notice (though this will likely change). The page is blank but has rounded corners and a gradient fill. That's it so far. Sounds simple, right? Everything's centrally aligned and all lined up to what SHOULD be the left and right hand sides of the browser window, yet when I go to Preview mode, EVERYTHING seems to shift to the left for some reason? And I assume that since I can't see the footer content in Preview mode, that the user would have to scroll to see this? Which, in itself is odd since I haven't stretched the standard page height...?
The attached images should help convey what I mean.
Design Mode (content blurred out):
Preview Mode (portrait):
Preview Mode (landscape):
Can anyone advise on anything I'm doing wrong, or whether or not this is a bug? I tried this in v3.1 prior to the latest update (I'd stayed on 3.1 for a while!), and it did this, so I decided to update to v4 just in case it was a bug in 3.1, but the same thing is occurring. Anyone have any suggestions or ideas?
Ideally I want to have the finished desktop version, and both a smartphone and tablet version of this site go live at the same time, in 3 days' time, so any swift help would be greatly appreciated.
Thanks.

By looking at the guides in the first screenshot, it appears that in order to reveal the Browser Fill area on a phone layout, you have dragged the Top of Page guide down by a few pixels and brought the Header guide to overlap it. Similarly, you have dragged the Bottom of Browser guide down a little lower to reveal the Browser Fill area at the bottom and overlapped the Footer guide with the Bottom of Page guide (or the other way around). Doing so doesn't increase the Min height for the page but makes the overall height of the content area large enough to cause the bottom area to hide when using the smaller iPhone 4 Preview (like in your case). If you switch to iPhone 5 Preview and other larger devices, you might be able to preview the cropped area.
However, please note that the Preview mode for Phone and Tablet layouts do not emulate actual device behaviours and in order to test them, it is recommended to publish the mobile pages to a webhost and test on actual mobile devices.
Thanks,
Vinayak

Why does the Phone Version appear as desktop version when it is online

I designed a website in Adobe Muse. I also did a Phone Layout. Now the site is online. On the phone the site opens in the phone Layout but after using the navigation the site changes to the desktop version, which is not readable on the phone.
What can i do to make the Phone version run correctly?

sounds like you need to update your navigation so the buttons are linking to the phone versions of the pages rather than the desktop ones?

Adding CSS to an existing site

Our Chorus has had a website up for many years, developed
first in FrontPage, then in MS Expressions Web. We expect to
continue evolving it and adding content.
http://www.sandiegofestivalchorus.org
I finally bought DreamWeaver CS4 and it works very well to
update the site the way I have always been doing it. Now I am
thinking about using Style Sheets to make future updating easier.
Right now the only style I find reference to is "h1" and I've not
yet investigated where it applies.
I've been going through some of the tutorials and what I
think I have learned is that I can embed styles in the code for the
site or create a new style sheet and put all the style info there.
Is that correct?
My main question is: How much effort should I put into using
CSS approaches? If it is worth it, should I create a new style
sheet?
Once I have created some styles, will I have to go through
the whole website identifying the style for each styled element?
Or should I save CSS for my next new website?
Thanks,
John Fistere

I sure wouldn't approach it that way. Make sure you
understand the three
types of selectors well before you embark on this: id, class,
and type.
Then you will most likely want to REBUILD each page
completely (since most
of the HTML infrastructure will be different anyhow).
I will frequently do this by working on the existing page,
and creating the
new layout structure at the top of the page, so I can
conveniently drag and
drop layout elements from bottom to top as I fill out the new
layout.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"JFistere" <[email protected]> wrote in
message
news:gf1u2e$s8p$[email protected]..
> Thank you for such a speedy response.
>
> As I understand it, the process will be to pick an
element, such as a
> certain
> level heading that is the way we want it start a new
style sheet and name
> that
> style. Then we go through the complete site selecting
the same type of
> elements, and associating the CSS style wilth them. Then
we pick another
> element and add its style to the same style sheet and go
through the
> process
> for that type of element.
>
> There will be two of us working on the website, and I
understand that we
> can
> use checkout control to avoid overwriting each other's
work. How does
> that
> work when there is a style sheet involved? Do we check
that out
> separately so
> that one of us can make changes to it, and the other can
use it read-only?
>
> Thanks,
> John Fistere
>

I created a website and a phone version with Adobe Muse. In order to add schema tags, I downloaded Dreamweaver and edited the website. Will these tags remain if I edit the site with muse again? Does Dreamweaver have to download the phone layout separately

Also, I want to add Schema tags to the Muse master page copy, particularly serviceArea tags, but I'm not seeing the elements in Dreamweaver. Where are elements from the master found in Dreamweaver?

Hi,
I checked the first site, and there is no phone/tablet layout. On My phone, you desktop version appears fine.
regarding second site, I see the phone layout with template content, so I doubt, if you have deleted the phone layout folder from the server, but did not delete the layout in Muse file. Hence when you publish the site again, the folder was created again.
could you please confirm this, so I can test it further.

Can you convert your desktop site plan into the phone & tablet version w/o re-creating the pages?

Can you convert your desktop site plan into the phone & tablet version without re-creating the landing pages? This seems too extensive to have to re-design each page?

Cwsnell,
On your nav bar there is a shorcut to other pages.
The most effecient way I have found to do this from the phone layout,
click on the page icon shown above
type in the name of the page (and select the desktop version as indicated by the icon of the monitor)
select all on that page (CTRL A / Command A) and copy (CTRL C / Command C)
revert back to the phone layout page and paste (CTRL V / Command V)
then resize, delete what you dont need, make any other edits and your done!
There is not a way to copy a page entirely over. The mobile version should have less information and less imagery to enable fast load times.
-SiteSpot

Can the phone site be disabled and have phones display the desktop site while designing phone site?

Currently, I have a live desktop design website which is being updated regularly. I tried to begin a phone site design, but was interrupted with a change to the desktop site (I'm adding new sponsors to an event on a regular basis). When I uploaded to the FTP, the phone site was also pushed through, making an unfinished page pop up on the browser of my phone. My phone site is going to be quite large in regards to page number and it's not practical to disable and enable each individual page.
Can I have the phone site entirely disabled and have phones display the desktop site while in the process of designing the phone app? I will still need to update the desktop site during this design period.
Thanks!

A similar thread here that should answer your query - http://forums.adobe.com/message/5551805.
Thanks,
Vinayak

Update desktop site, don't make phone site live

Q. I've built a desktop site and published it.
It needs regular updates.
Now making a phone site now, but don't want any of it live util its finished.
How do I update stuff info on the desktop site while not publishing any work in progress
for the phone design?
Many thanks, Euan.

Hi Sachin,
Thanks for those thoughts.
I think method 1) will work for me, although It will be a pain to adjust
all the individual pages
of the mobile site.
However, if I make a coming soon master and apply it to the mobile coming
soon page,, I can remove the menuing and then it doesn't matter if the rest
of the mobile pages are published as they will be orphans with no links to
them.
Method 2) I don't think works because there is no way I know of to
recombine the two separate
muse sites together. Thus any updates to the muse file with only the
desktop version would have to have
those edits and changes made to both files. Is this the case?
So, I feel there is a case for adding a publishing schema in muse which can
cover this scenario.
At the simplest, a check box for desktop, pad, phone which determines what
is published.
( including the approp. media queries )
What do you think?

Tablet & Phone Layout Displaying Desktop

Hello,
My website is not displaying the tablet and phone layout properly. It worked the first time, but then reverted back to the desktop layout. I have checked many many times to make sure everything is linked properly, and everything is good to go. I've even re-uploaded a few times and I've also unchecked the option to default to the desktop layout. Nothing is fixing this issue.
I don't understand what I'm doing wrong or if this is a bug. I have checked to make sure no empty text boxes or images or on the pages linking back to the wrong layout and I didn't find anything.
My website is artandvanessa.com.
Thanks.

Hello,
I checked your site on phone and it looked fine.
Do you still have the issue?
Regards,
Neha

I got an iphone 4 as a gift. started using it. the account number i input is same as my existing i phone. I havent done any registration of this new phone in the apple web site.- Do i have to register the I phone? whatsapp how to download?

i got an iphone 4 as a gift. started using it. the account number i input is same as my existing i phone. I havent done any registration of this new phone in the apple web site.- Do i have to register the I phone? whatsapp how to download?

madhu_nainan wrote:
Do i have to register the I phone?
No, but it's recommended you setup a support profile:
https://supportprofile.apple.com/
whatsapp how to download?
Go to the App store & purchase it.

Muse Desktop, Tablet and Phone Layout Question.

I've created a desktop site and a phone site. If I don't create a tablet site, which site will people be re-directed to if they're using a tablet?

Here's how it works - http://forums.adobe.com/message/4974630#4974630.
Thanks,
Vinayak

Muse displaying the desktop site on android phone

I've designed a Muse website for both desktop & mobile: http://www.champlinwoodscondos.com. The mobile site displays properly on my iPhone, but my client's Android phone improperly displays the desktop version (and not well!). Here are her phone's specs:
Samsung SM-G900V
Chrome
Android 4.4.4
Does anyone know what the cause of this is and whether there will be a fix?
Thanks for any advice or insight you can provide.

Hi,
Your site looks fine now, if you still have any issue, please let us know , and we will investigate the issue further.

Phone layout redirect not working - built and hosted on Muse

Hi,
I just added a tablet and phone layout to my Muse built desktop layout. The redirect works fine for the tablet but the desktop version comes up on my smartphone (Android Moto X). The webpage is http://www.elegantperfection.com/ I am hosting with Adobe so I just hit Publish - I do not use Publish to FTP. The settings in site properties are set to redirect; not sure if there is another step but it seems to work fine for the tablet. Any ideas as to why the redirect is not working? Thanks!

Hi
I see you have published the site to Business catalyst, in this case, could you please try to Re-publish the complete site again and check if that helps?

Adding phone layout to existing desktop site - No scratch page created

Similar Messages

Maybe you are looking for