Skip to main content
Participating Frequently
April 9, 2017
Question

Design View, Live View switching problem

  • April 9, 2017
  • 2 replies
  • 2187 views

I'm experiencing many problems in switching from Design View to Live View. I almost always work in Design View and preview in a browser, because editing content in Live View (except applying classes) is a royal PITA. I'm on Mac OS 10.11.6 El Capitan. Specifically:

On a responsive site (NOT built with Bootstrap), I open a page in Design View, as usual. Then after some editing, it may switch to Live View automatically for some mysterious reason. The Live link in top bar (Code Split Live) then does not offer the little pulldown arrow for switching to Design View. If I try the top menu bar (View/View Mode/Design), it will not switch back to Design View. It's stuck in Live.

If I close the page, and even quit Dreamweaver, relaunch and open the page -- it's STILL stuck in Live View with no way to switch. Yet I have edited these same pages for over a year previously without this problem. Yes, II'm using the absolute very latest version of Dreamweaver CC 2017. Maybe my page declaration is faulty?

<!doctype html>

<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->

<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->

<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->

<!--[if gt IE 8]><!-->

<html class="">

Please help!

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Adobe Expert
    April 9, 2017

    How about showing us your entire code and not just fragments of code.

    Nancy

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    Participating Frequently
    April 9, 2017

    Without pasting the entire code for very long page, here's the relevant beginning:

    <!doctype html>

    <html class="">

    <head>…</head>

    <body>

    <div class="gridContainer clearfix">

      <header class="fluid header">

        <div class="fluid tagline">Moab's largest restaurant and only microbrewery

    I've been editing these fluid grid pages in Dreamweaver CC (2017 for some time in Design View -- absolutely the most efficient way to edit these pages. Then, by some mysterious process, the page will switch Live View and I cannot get out of it. Closing and reopening page will still not permit Design View. Then I may open a different but very similar page, and Design View works.

    It's an extremely aggravating flaw and needs to be fixed! I guess my only option would be to download CC (2014) and edit pages with it.

    Nancy OShea
    Adobe Expert
    April 9, 2017

    Legacy FGLayouts were removed from DW CC 2017 for a reason.  The framework and it's CSS code is very temperamental to work with.   Bootstrap is much better for responsive web design. 

    If you're married to FGLayouts, I would suggest dropping back to earlier CS6.  If you don't have it, you can get it from your Creative Cloud Desktop App under All Apps > Previous Versions.   See screenshot.

    Nancy

    Nancy O'Shea— Product User, Community Expert &amp; Moderator
    Participating Frequently
    April 9, 2017

    Additionally, when I try to switch from Live to Design View I get a complete BLANK  in the WYSIWYG panel. Just white space. If I click the Live button, still a blank -- no display at all (except Code View in Split).

    BenPleysier
    Adobe Expert
    April 9, 2017

    You're saying which framework that you are not using. How about telling us what you are using, like Fluid Grid Layout.

    Have a look at Is there any way to display the Design View in fluid grid pages?

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Participating Frequently
    April 9, 2017

    Yes, it's an old fluid grid layout composed with earlier version of Dreamweaver (2014, I believe)

    Thanks for that link. I echo these relevant quotes from it:

    • Apparently this was an intentional move to promote more people to use Live View for editing.  See the New Features below. helpx.adobe.com/dreamweaver/using/whats-new.html
    • If it was intentional a s way to promote some new feature, it was a pretty lame thing to do. No one wants features forced on them.
    • One cannot run spell-check, and many other features in Live view. It is also nearly impossible to copy webpage content, and paste it into another webpage.
    • But if one saves and closes this file, then reopens it, you cannot switch to design view.

    Also nearly impossible to copy and paste code on the same page. Text edited in Code window does not display in Live window. Many other problems, making my workflow in Live View slow, laborious, grossly inefficient, forcing me to hand code a lot of stuff.