Skip navigation
Currently Being Moderated

PHP file in Split or Design View - greyed out,,,How do I fix?????Help!

Mar 16, 2012 3:02 PM

I just pruchased CS5 and am trying to view and modify a php file in Split view. The "Split". "Design" and "Love Code"buttonds are greted out. I tried Designer, Coder, App Developer...all of them; and I still can get into a split or design view. What am I missing?

 

Larry Voyer

Site Creator/Administrator

http://larryvoyer.com/genealogy/

 
Replies
  • Currently Being Moderated
    Mar 16, 2012 3:25 PM   in reply to larryvoyer

    Typically, PHP code is code view only.

     

    Can we see your code?

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 16, 2012 6:33 PM   in reply to larryvoyer

    larryvoyer wrote:

     

    I bought CS5 specifically to see my code in design view, You've just said that I wasted my social security money.

     

    No, Nancy is explaining some technical aspects of PHP pages. You're drawing rather extreme, and unwarranted, conclusions.

     

     

    larryvoyer wrote:

     

    Here is the code of the page that I wanted to see in design view

     

    The code you've posted in incomplete e.g. no <head> section.

     

    Is that everything?

     

    Nevertheless, I copy and pasted your code into DW CS5 and could see the basic elements of the page in Design View. Your CS5.5 should be no different.

     

    If you want the PHP to be processed then you need to set up a testing server on your PC.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 23, 2012 3:43 PM   in reply to larryvoyer

    I'd like to know the answer to this as well.  I have Dreamweaver on one PC where this works, and on another one where it doesn't  Since I normally work on the one where it doesn't work, imagine my surprise when I was working on one where it does work.  And, it works on that machine with the same files and web site as on my production machine, where it doesn't work.

     

    Dave

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 23, 2012 4:47 PM   in reply to larryvoyer

    OK, the good new is, I just figured this out.  Whoo hoo!

     

    While you have the page open, if you have and attached files, such as javascript or css files, click one of those secondary files to select it.  (If you don't have any files to click, add it by adding the script to include it.  For example: <link href="css/page_layout.css" rel="stylesheet" type="text/css" />.  After you add the code, then select the file to view from the link at the top of the page.  With the view selected, you will be able to select slipt view, or design view.  Then you can switch back to Source Code view, and the live view will work correctly. 

     

    Of course, you do have to have a testing server connected, or this still won't work.

     

    Dave.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 7:58 AM   in reply to larryvoyer

    I am having the same problem with a greyed out Design View screen after changing the Google analytics code on my web pages. After noticing the problem I copied the old code back because I thought I must have deleted something I shouldn't have. But I'm having the same problem with the old code.

     

    I designed the web site in CS3 and never had any problems. I've been using CS5.5 for a few months with no problem and now the design view just shows a grey screen. Live view renders the image fine and I don't see any problems with the site on the internet. The web page is located at http://www.global-gpr.com/ground-penetrating-radar.html.

     

    I'm relatively new at web design and not sure what the above suggestion "you do have to have a testing server connected, or this still won't work" means. So I wasn't able to resolve the issue by clicking on the javascript or css file. I was able to render the web page in Design View in the past without being connected to any server. So I'm not sure why I need to be connected to a server now to see my web page in Design View.

     

    Hopefully someone can help me out with this.

     

    Thank you in advance for your assistance.

    Vic Adams

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 11:42 AM   in reply to vadams7227

    Hi Vic,

    A local testing server is only necessary to preview dynamic (PHP) pages locally.  It's not a requirement to preview static (plain HTML) pages.

     

    If you're being directed to your remote site when previewing,  this tells me that your site definition (Sites > Manage Sites > Edit...) is set to "automatically upload files when saving."  You should never enable this option because accidents do happen.  Saving & uploading a bad file could result in a broken web site.

     

    As to why your page isn't displaying in Design View,  Go to View > disable "Display External Files."

     

    Also, run your code through validation and fix reported errors.  You can skip the ones related to your Flash code as they never validate. 

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.global-gp r.com%2Fground-penetrating-radar.html

     

    Finally, Name and ID values must never contain spaces.  You have "blog button" which is not valid code. Use either "blog-button" or blog_button" instead.

     

    Hope this helps,

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 11:59 AM   in reply to vadams7227

    I jsut loaded an old HTML file that previously I had no problems resolving in Design View and I am still only seeing a grey screen in Design View. Therefore, I must have inadvertantly clicked on something in Dreamweaver which stops it from displaying the image of the page in Design View.

     

    Here is an image of what I see...

    desk_view.jpg

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 12:45 PM   in reply to Nancy O.

    Nancy,

     

    Thank you for taking the time to help me resolve my problem. In response to your suggestions...

     

    I'm only running static HTML files so the suggestion by Dave (above) to have a testing server connected doesn't apply to me.

     

    I'm not being directed to my remote site when previewing (that I know of). I went to... Sites > Manage Sites > Edit... and I don't see a setting in CS5  to "automatically upload files when saving." I don't think I would have selected this option when I designed the site in CS3.

     

    I went to... View > disable "Display External Files and unchecked it. However, that didn't seem to resolve my issue.

     

    I ran the web page through the Valadation checker. Ignored the flash errors as per your reccomendation. I removed the blank space and changed the name & id values in line 142 to "blog-button". I also resolved the </span> error on line 162. Saved the file and I still have the grey screen.

     

    I used to have nighmares about the Microsoft's blue screen of death. Now it looks like I will be dreaming about Dreamweaver's grey screen!

     

    Since I still have the same problem any other suggestions would be greatly appreciated.

     

    Thanks,
    Vic

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 12:53 PM   in reply to vadams7227

    Vic,

     

    You are correct, that my comments do not apply to you, for just an html page.  The comments that I made were for viewing php code with live view.  where the live view, and design buttons were grayed out.

     

    You are experiencing a completly different problem.  I've also seen this problem as well.  The problem that you are experiencing, if I understand you correctly, is that you can not get the code page to display at all.  Try completly closing out dreamweaver, and restarting it.  Your code window should be restored.  At least, that has been my experience.

     

    I hope this helps you,

    Dave.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 1:12 PM   in reply to Dave.Cox

    Dave, thanks for the suggestion. I tried closing Dreamweaver and even rebooting the computer. It didn't make any difference. I still get the grey screen in Design View.

     

    Regards,

    Vic

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 5:58 AM   in reply to vadams7227

    I would just like to reopen this discussion as  I to have experianced the same issue.

     

    A PHP document is simply an HTML document having the .php extension which allows us to embed php code within said document and the web server that processes it to first have the PHP server parse the php code within it before delivering the resultant HTML output to the client browser.

         So if a new blank php document is created in Dreamweaver, what is produced is an html document with a .php extension; it has doctype, html, head, title and body tags just the same as a standard HTML document would have and it should be viewable in design view; but isn't.

     

    As a college tutor for web design using Dreamweaver; I have versions CS4, CS5, CS5.5 and CS6 installed and available to me.

     

    This problem is only occuring in my versions CS6,  this problem is not displayed in any of the ealier version I have got installed.

     

    The issue is, that when a php document is created (or one is opened for editing), it can only be displayed in code view; the Split & Design view buttons are greyed out and not selectable.

     

    Below is the code created by my version of Dreamweaver CS6 for the new blank PHP page.

     

    Note that if you link an external file within the document and select that from list of related documents in the document toolbar, the Split and Design buttons  become available once again; even if you link a blank style sheet. See the image at the bottom of this post showing the how selecting a related exteranal file bring back the Split, Design and Live options in the documernt toolbar.

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Untitled Document</title>

    </head>

     

    <body>

    </body>

    </html>

     

    missing-design-view.jpg

    Let's hope it gets resolved sooner rather than never!

     

    Regards,

    David

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 12:04 PM   in reply to Wilded1

    I don't have the problem you describe in CS6 12.2 ver 6006.

    However, I do use a local testing server (WAMP) whenever I'm working with PHP files.  See screenshots:

     

    CS6-testingServer1.jpg

     

    CS6-testing-server-advanced.jpg

     

    CS6-testingServerFinalScreen.jpg

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points