Skip to main content
tuilorraine
tuilorraine
Inspiring
April 15, 2018
Answered

Can't get splitscreen view with css any more

  • April 15, 2018
  • 1 reply
  • 2378 views

It seems I've done something to mess up the workspace. I'm having a zillion problems trying to learn DW but number one right now is I can no longer get a splitscreen view with the css - only with the html.
I'm sure before I had 2 layers of tabs at the top of the document. One allowed me to switch between having the live-view on the left and to the right of it I could choose bewteen having the html or the css in the code panel. Now there is only one layer of tabs and if I switch to view the css I lose the live view panel. The css fills the whole screen and the page itself is gone. No splitview. The splitview is only there if it's the html code on the right - not the css.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Nancy, I'm so interested to hear you say that.

    I'm a beginner but I find the straight .css code much easier to understand than those complicated "designer" panels. And as you say, the code-hinting is very helpful - something I'm beginning to catch onto. However, I'm trying to learn and use everything. As a newbie to DW (and a newbie to responsive design) there may be something I'll use a lot if I get used to it and not sure what that might be yet. 

    One thing I stupidly did not understand in my new-ness to responsive design, is that some css has to be altered across all of the media queries. Once I did this it solved a hassle which had frustrated me all day, sometimes to the point of tears. Why did it take so long for me to work out something so obvious?


    I think you're spending too much time learning DW and not focusing enough on RWD code fundamentals. 

    Start with simple layouts to learn how media queries &  breakpoints work.  As you develop skills and confidence with code, you'll be able to tackle more advanced projects with much less frustration.

    The building blocks of responsive design - App Center | MDN

    Responsive Web Design Introduction

    1 reply

    BenPleysier
    BenPleysier
    Community Expert
    April 15, 2018

    As you will see, Split and Design/Live view options are greyed out. This is because Design/Live view work on HTML

    To view the page when viewing the CSS in code view, is to open the main document and choose the linked file as in

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    tuilorraine
    tuilorraineAuthor
    Inspiring
    April 15, 2018

    I found out what I'd done to cause it. A person called ALsp, here on the forum told me that to make my css work properly I'd have to turn off "Enable Related Files" in the preferences. I did that and that was what made my related files toolbar disappear, but it is vital to me.
    So I now have the choice between the css not working properly between the code and the Css Designer panel or not having related files toolbar at all.

    tuilorraine
    tuilorraineAuthor
    Inspiring
    April 16, 2018

    tuilorraine  wrote


    So I now have the choice between the css not working properly between the code and the Css Designer panel or not having related files toolbar at all.

    Huh?  What's not working properly?  Can you show us an example?

    DW's code hinting and auto code completion features make working directly with related CSS file much easier than wading through the clumsy Design Panels.   So I never open them.   On those rare occasions when I have used them though,, I didn't have a problem with the CSS "not working properly."


    Nancy, I'm so interested to hear you say that.

    I'm a beginner but I find the straight .css code much easier to understand than those complicated "designer" panels. And as you say, the code-hinting is very helpful - something I'm beginning to catch onto. However, I'm trying to learn and use everything. As a newbie to DW (and a newbie to responsive design) there may be something I'll use a lot if I get used to it and not sure what that might be yet. 

    One thing I stupidly did not understand in my new-ness to responsive design, is that some css has to be altered across all of the media queries. Once I did this it solved a hassle which had frustrated me all day, sometimes to the point of tears. Why did it take so long for me to work out something so obvious?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices