Design View independent of Code View

Hello,
When selecting code in a split screen my design view jumps around assuming what I want to look at. Can anyone share how to make these independent of each other? Is it even possibile?
For example if I focus on the bottom of the page and scroll up to the top of my code view section the design view will follow to the top of the page. Sometimes I would just like to look at my code without the view following me around like my once neglected and now set free from the pound dog.
Thanks!
Phil

Hi thanks for the quick response. Operating in two different windows is not what I am shooting for.
This is what you see in Dreamweaver split view (although typically more thought and design has been used in the interface.) Pretend that the grey bar and slightly reddish grey on the right are the scrollbars that act independently of each view in there respected view. One scrollbar for the design view and one for the code view in a split set up.
Source View
<div>code</div>
<div>code</div>
<div>code</div>
Design View
Top Div
Middle Div
Bottom Div
In the design view I focus the view on the bottom div, the scroll bar is all the way down in the design view. I touch anything in my code view and it snaps the design view scroll bar back to the top and I am back to looking at the top of the design view. Can I break this dependancy? It seems that clicking in the code view refreshes the design view which is the source of frustration.
Thanks again.
Phil

Similar Messages

VB code not showing in Design View

I am working with a form that has VB code for validation and need to style it with CSS. The problem is the form is not visible in Design View. The code is there, the page renders and works fine in a browser but has anyone seen this issue before? I have a similar form that uses C# and it shows up fine in Design view.
the page is here: http://www.housing.ucsb.edu/digiknow/digiknow_form.aspx

Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags. Try validating your code and fix reported errors.
           Code Validation Tools
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dreamweaver CC crashes when switching from code view to design view

I am experiencing a recent problem with a file I am currently working. When I switch from code view to design view Dreamweaver crashes and requests a shut down. Other files seem to work without a problem. This particular files has 3 cascading EdgeAnimation CC files that are selected by media queries. I can test the page online without a problem but not in design or live view.

Since your new page didn't crash, this leads me to believe that you have some critical errors and/or conflicts in your other page(s).
Try running your code through the W3C validation tools.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Also debug JavaScript.
JavaScript - http://www.jslint.com/
Nancy O.

Dreamweaver CC automatically deletes code in code view and elements in design view

When I open a file in Dreamweaver, it automatically shows a * next to the filename - showing it has been edited.
Then often when I select some code in code view, or an element in design view (such as a table, an image, some text) it is suddenly deleted.
The problem is especially bad (happens without fail) if I am switching between programs. But also happens when I'm not switching.
I do not have this problem on a different user account.
I have reinstalled Dreamweaver three times now. Also renamed preference and configuration folders. Tried with a wired mouse and keyboard. Nothing has worked.
I can't think what I did to cause this. I installed MAMP recently - but have uninstalled it correctly I think.
I had an issue with one file in which there were about 30 Spry collapsible panels. I kept getting this warning:
"A script in file Macintosh HD:Applications:Adobe Dreamweaver CC:Configuration:Shared:Spry:DesignTime:EditingUtils.js has been running for a long time. Do you want to continue?"
I have to click 'yes' many times to get into the file, and the warning keeps coming up while the file is open.
However, my big issue of DW CC deleting code and elements happens whether or not this particular file is open.
So this may have nothing to do with it.
Any ideas anyone?
Adobe's customer service has not helped. In fact, I have not even been able to get through to anyone on the phone - having waited literally hours listening to music, and getting shunted from person to person. And then their promised 'call backs' never happen.
Thanks,
- Greg

I do not have this problem on a different user account.
You've got a bad/corrupted user account. Create a new one with Admin level priveleges and delete your old user.
Nancy O.

Design View Quarks With CSS Code

Alright I have a somewhat complicated situation to explain here so I'll try and simplify this. Basically, I'm seeing the most erratic behavior when attempting to add padding to this ordered list and looking at it in Design View. Example code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ol style="padding-left: 10px;">
    <li>stuff</li>
    <li>things</li>
</ol>
</body>
</html>
Now BEFORE I added that css style into the ol tag, the ordered list was all nice and indented. AFTER I add a style to it, it gets sucked up all the way to nearly touching the left edge of my page now except those 10px (I do have to say, that ruler in DW is nice for this sort of thing) as if it's forgotten any other kind of indentation at all. What is strange to me is that if I save the file and load it in a browser, indentation is normal . If I close the file in Dreamweaver and open it again, spacing is fine. Why is it doing this?
Picture below shows what happens when I first introduce the code and then after I've saved and reopened the document.

Interesting. I think you're right about the quirks mode. Once I specify the doctype at the top, it looks consistent everywhere...with almost no padding. That kind of sucks actually.
New Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ol style="padding-left: 10px;">
    <li>stuff</li>
    <li>things</li>
</ol>
</body>
</html>
I guess this site has actually had CSS that probably is doing the opposite of what they wanted for years now. Thanks. Good catch on quirks mode. I've been in the bad habit of never using the doctype declarations in my HTML documents and you've opened my eyes to start actually doing this now. I can now open, reopen, 100 times and I always get the same result.

Inserting tabbed navigation code makes my web page not display in design view..

Hi everyone..
I am on Dreamweaver 8 for MAC, and was working on a couple of web pages..these pages included divs and tables. But when I tried inserting a tabbed navigation I found at:
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
In a nutshell, it asked me for step 1 to:
Step 1: Insert the below CSS and script into the HEAD section of your page:
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>
The next step was this:
Step 2: Finally, simply add the below HTML to where you wish the Tab Content to appear on the page:
<h3>Demo #1- Basic implementation</h3>
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>
<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<div id="country1" class="tabcontent">
Tab content 1 here<br />Tab content 1 here<br />
</div>
<div id="country2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>
<div id="country3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>
<div id="country4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<p><a href="javascript:countries.cycleit('prev')" style="margin-right: 25px; text-decoration:none">Back</a> <a href="javascript: countries.expandit(3)">Click here to select last tab</a> <a href="javascript:countries.cycleit('next')" style="margin-left: 25px; text-decoration:none">Forward</a></p>
<hr />
Well, I did all the steps required, but when I put this inside a div I had inside a table, all of a sudden I couldnt see anything in my design view, only two tables that arent even the same size..When I take out all this code, I get back my regular page..Can I see this tabbed navigation in my design view? Unfortunately, I dont have the spry widgets since I am on Dreamweaver 8..If I preview it in both Safari and Firefox (on Mac Firefox/3.0.8) (Safari 3.2.1) I can see everything fine, including the tabbed navigation..But designing in code isnt really helpful because I want to see what it looks like in design view, in case we change things-its just easier for me to work on..So I assume there is something in this code that is making my design view show nothing..
Update:I tried taking out the code again, but this time, I couldnt see anything again, even without this code..
I know that I can go to validation website, and I got a lot of errors-but all the pages I have that are in the same style have those same errors too—and they display fine..its only when I insert this specific piece of code that everything goes haywire..Is it even possible to view tabbed navigations (like the one in the above link) inside of Dreamweaver Design View?
Any help would be appreciated..

DW8 doesn't render any dynamic content, so I'd say it's a no go. You'll just have to live with that limitation or upgrade to CS4...
Mylenium

Is it possible to have the same Split Code/Design view in CS5 that I had in CS3?

I am not a hard coder. However, like HTML, I could easily edit PHP in CS3 Dreamweaver's Split Code/Design view. It was more designer friendly, intuitive, etc. I could see/edit/move tables, placed graphics, text, etc. CS5 doen't allow me to see my PHP pages this way. Can this be fixed to have the same Split Code/Design view? I would appreciate any assistance you can offer.

To restore the cs3 style horizontal split of code and design views, go to the 'view' drop down menu and untick 'split vertically'.
Richard

Code view not in synch with Design view (Dreamweaver CS3)

Hello All,
On my main work PC, I am running Dreamweaver CS3. When I am
working in split view (with both Design and Code view visible) when
I click on an element (say, a button) in Design view, the code view
automatically shows me the code for the element that I am working
on. That way, if I need to manually edit the code, I can click on
the Code view and make the appropriate changes.
On my laptop I am also running Dreamweaver CS3 However, when
I am working in split view and I click on a element in Design view,
my code view does NOT update itself and continues to show the last
bit of code I was working on in Code view. While this could come in
handy at times where i want design view and code view to show me
two different things, I mostly would like code view to update
automatically. Currently the only way I can get code view to update
on my laptop is to hit the "refresh design view (F5)" button. Is
there a way to do this automatically? Is this an option in
Dreamweaver preferences because I don't see it anywhere.
Thanks so much for your help.

Ethereal_Mike wrote:
> Does the new version of Dreamweaver CS3 print the code
in color?
No. If you feel that it's an important enhancement that you
would like
to see in future versions, submit a feature request:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
The more people who request a specific feature, the more
likely it is to
be implemented.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

I only see "PHP" icons in Design View, not the executed code

I have setup a new database installation and tested it - no problem. I can open my webpage in Firefox, and the php code executes properly. When I imported this site into Dreamweaver, I am unable to see the results of any executed PHP code, just "PHP" icons.
Is it possible to view the results of the executed PHP code in Dreamweaver. I'm not talking about complicated PHP code, just a bunch of 'echo' statements really.
Thanks from a DreamWeaver newbie.

I have moved your thread to the appropriate forum, Dreamweaver Application Development, which is where PHP-related issues should be discussed.
In answer to your question, PHP is a server-side language that needs to be parsed (executed) through a web server capable of handling PHP code. In order to see the output of the PHP code, you need to set up a testing server. Instructions on how to do so can be found in this article in the Dreamweaver Developer Centre. Once you have set up a testing server, you can see the output of the PHP code in Design view by activating Live View (in Dreamweaver CS4) or Live Data view in earlier versions of Dreamweaver.

Code not displaying in Design View

Why would code visible in code view not be visible in design view? DW cs4, using lesson pages from Adobe DW cs4 CIB.[I'm stuck and can't complete my lesson!]

Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags. Try validating your code and fix reported errors.
           Code Validation Tools
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Rearanging of my codes when moving from code view to design view

I was wondering if there is a setting in Dreamweaver CC that can maintain the way I wrote my codes?
This is what happening:
I work in code view and write my codes. then I go check it out in design view, then I come back to my codes and Dreamweaver justify my codes... it's really annoying. is there a way to preserve the design (the way I wrote my codes and it will stay as is no matter what)
Side note: I am not talking about split view where it is expected that the code would move around with fluidity. I am talking about full code view. thanks

No I don't mean that... but I think I figured it out.
Here is what I think: Working in design fluid grid layout causes additional codes to be added to my existing codes. I have learned to start keeping a close eye on this because the names of my classes are starting to grow like crazy. I had tried to design something in fluid grid when I first got Dreamweaver (well because, that was one of a major selling point for me) I soon realized that having little exprience in css to start with tripled how complicated it became to apply proper styling throughout a webpage so I went back to the basics and learned how to work with css first. I am getting pretty good at it now and felt it was time to give Fuid grid another shot. I had forgotten about how tricky it is to keep things tight in that environment. So all it was; I am almost 99.9% sure of it was because when I went and changed some setting in the gui I didn't noticed that it tagged another name to my already name class. So in a sense I am getting multiple classes tags for one item. After a while the extra code inserted by Dreamweaver messes up all the code layout (that I have beed trying to keep tidy as much as I can) lol. Gosh! I am really starting to like Dreamweaver, but man O' man... I think I am really starting to hate using the graphical environment and starting to really understand what the old boys keeps on saying that it is best to hard code than trying to adjust things with the graphical environment.

Code in will not appear in design view window of CS3 :(

When I was using CS2 and placed code in an HTML page like
this: <$JobTitle$> it would show up in the Design
window...but in CS3 it's invisible to the design view/window. Is
there any way to get it to show again? It would be a HUGE
help!!!

Yes, I do have it checked. It makes no difference with these
tags, unfortunately. :(
And I will admit, they'll be a dozen or so very happy people
if you can help me figure this one out.
I tried to compare all the settings under preferences between
CS2 and CS3, and they look the same. That's definitely why I'm
asking teh question here.

PhpBB2 source code does not show in design view /CS3

I would like to customize a php bulletin board.
The default bulletin board page does not show in design view.
Is there a way to do it , such that php code can be written
by DreamWeaver via the design view ?

> The files I am trying to edit, or that is think I should
be trying to edit ,
> are
> index.php , and in the includes file template.php
If I am sorting this out correctly, which i am _not_ sure of
at the moment:
those aren't .tpl files.
they are .php files, and are part of the forum. They aren't
displaying in
design view because they are all php.
You need to find and edit the template files.
In previous link given:
http://www.phpbb.com/community/viewtopic.php?t=10764
<q>
So where do I find these great 'templates'?
Look in /templates/subSilver (thoroughout the FAQ I will be
using subSilver,
the default template. If you are using a different template
then change the
folder you look in accordingly). You will see a collection of
files there.
The templates are the ones with the file extension '.tpl' The
majority of
files in that folder are .tpl files. </q>
strongly suggest you make a backup copy of anything you try
to touch.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Problem with code and design view

When I try to have both the code and design view
side by side in Dreamweaver CS4 on a PC -- I get the html code in both sections.
How do I see the layout while looking at the code?
Thanks for help.
Library Friend

You've probably got View > Split Code checked.
Click View > Code and Design

Protecting code from design view?

Can you configure the tag pattern that tells Dreamweaver to
"leave this code alone in design view"?
Dreamweaver does a good job of respecting code blocks (PHP,
ASP, whatever) in design mode. However, we're going to have some
people develop Smarty templates with Dreamweaver, so I need to
specify the tag pattern of stuff that should only be accessible in
code view.
Is this possible?

I found out how to do this. Open
"configuration/ThirdPartyTags/Tags.xml". Add a new "directive_spec"
tag there, defining the start and end tags. I also specified an
icon to replace the code in design view.
Works beautifully.

Design View independent of Code View

Similar Messages

Maybe you are looking for