Dreamweaver CC 2018

[ashleym72097028]

I am having issues seeing Design View. I am in a class where we use a textbook and follow step by step directions. The book wants me to use Design view but whenever I click on it I get the following issue. I go to View - Design and it defaults back to live view and a blank screen. Help please!

[Nancy OShea]

Your image is so small I can't make out what it says.

Which version is your text book written for?

Nancy

[ashleym73662816]

Dreamweaver CC. The view options on the top of the screen include Code, Split, and Live. Design view is not a shortcut there so I have to manually select it using a drop down menu. Once I do that it completely blanks my screen out as if there is nothing on the webpage.

[Jon Fritz]

Design and Live are now the same button. Click the tiny arrow next to Live and Design will be an option in a drop menu.

Unless you're using a legacy Fluid Grid Layout. As part of deprecating and finally removing them from the program, Adobe removed Design View when working with Fluid Grid Layouts.

If you are using an LFGL, there is a way to get Design View back, but it would be better to move away from the obsolete coding method all together.

[pziecina]

Can you show us the code you are trying to view, as the dom panel is not showing any html elements beyond head and body?

[ashleym73662816]

[ashleym73662816]

Live view works fine - Design View is where I am having an issue. The book is having me complete a spell check and I cannot do that without being able to get into the Design View screen.

[Nancy OShea]

The problem is as Jon said.  You're using those awful Fluid Grid Layouts for which Design view is NOT AVAILABLE.

Close the file.

Go to File > New > Starter Templates.

Pick one and hit the Create button.  See screenshot.

Save & name file as index.html

Now you can use Design or Live view.

[pziecina]

You image is showing me that you have errors in your code.

Dw is very sensitive to errors, so i would recommend running your code through the validator before proceeding further.

[Nancy OShea]

Actually, I recommend throwing that other document away.  It's based on deprecated Fluid Grids and not worth saving.

[pziecina]

They should have thrown fgl's away the day they thought about them

To the OP - As Nancy says do not use fluid grid layouts, it was an idea to create rwd layouts that never worked correctly. If you are doing this for a 'school' project, then tell your instructor that they have been dropped, and that he can contact us here in the forum for help in migrating to a better solution.

[Jon Fritz]

If your teacher needs to be convinced to update the decade's old curriculum they're using, send them here for an earful. Until then, you can get Design View back by following the inffo below...

Close all other files, open the Legacy Fluid Grid's css and add the X shown below:

/*

    Dreamweaver Fluid Grid Properties

    ----------------------------------

    dw-num-cols-mobile:     X 4;

    dw-num-cols-tablet:        8;

    dw-num-cols-desktop:    12;

    dw-gutter-percentage:    25;

=====================================

Then save and close the file.

Restart DW and you should have Design View from there on out on any files using that LFGL's .css file.

[Nancy OShea]

https://forums.adobe.com/people/Jon+Fritz+II  wrote

Close all other files, open the Legacy Fluid Grid's css and add the X shown below:

/*

    Dreamweaver Fluid Grid Properties

    ----------------------------------

    dw-num-cols-mobile:     X 4;

My only fear is that the next lesson will likely discuss something you can't do with that CSS hack in place.  

If one must absolutely use FGLayouts for a course, I highly recommend reverting to an earlier DW version before Design view was disabled.    If memory serves that would be CS6 or CC 2013.