Show open documents vertically rather than in tabs or seperate windows

[markeeeee]

I can't find a way to get Dreamweaver to show my open documents (pages) vertically (in a side bar). The only choice seems to be in tabs (and then I can't see all my open documents without scrolling right) or in seperate windows (which is very messy).

Brackets and Sublime list document vertically - making it very easy to see all the open docs / pages.

Thank you

[Nancy OShea]

How many source documents are opened? 

To cut down on excess clutter, you can disable related files (CSS, JavaScript, Includes) from View menu > Related Files Options.  See screenshot.

[markeeeee]

Thanks. I can turn off .css related files, but not my .svg files and visa versa! How do I turn off all related files? Clicking 'Display External Files' makes no difference.

If I turn off .css related files, it only works for one tab! All the other tabs continue to display all this clutter

[B i r n o u]

to turn off all related files, for all documents, you need to use the preferences settings

you can find it by going on

Edit > Preferences > Genereal > unchek related file, or set the drop down menu to a more appropriate context for you

[markeeeee]

Thank you. That's a lot less messy.

[B i r n o u]

I'm certainly missing your point, as I said I daily use ST (code writing) and DW (files and project managing) to manage application project... and I don't find DW particulary messy !

but as I said without screen grab that demonstrate your point, I'm certainly missing it

[markeeeee]

See screen grabs below.

In DW the user can't see all their pages and they can't see which pages have unsaved changes – unlike BBEdit and Surreal.

[Nancy OShea · Accepted solution]

Your local site folder contains your documents sorted vertically.   I'm afraid the open document tabs cannot be re-aligned. 

[B i r n o u]

Hello Markeeeee,

I use ST and DW daily, but I'm not sure I understand what you're saying, could you make screenshots of what ST can do and not DW?
I'm sure it's a language issue and I can't grasp what you're expressing. That's why a little sketch would seem more explicit to me
thank you

[markeeeee]

The website I'm currently working on has 31 pages and one CSS file. So there are 32 tabs:

I can't see all my pages in one go. And to navigate to the CSS file (I intend to hide the related files) I have to click the two right arrows, to get the drop down, to find it. This is a deal breaker. In BBEdit all my pages are displayed in a side bar. I can see them all, navigate quickly, see which ones have been edited and not saved. It's really easy:

[B i r n o u]

in DW you have what is called the file panel, where you can see all your pages listed, as you screen shot on bbedit.

concerning the css file, as Nancy told you you can use related files and filtering to only display the CSS file

that should help you to get a more appropriate workflow. or did I missed your point ?

[markeeeee]

Am I correct in thinking that to use the file panel you have to create a site first? Often i don't want to create a site, just edit some files.

Also the file panel, unlike BBEdit, doesn't show if a file has been edited and not saved.

And a small, but frustrating thing, is I have to click twice on a page in the file panel to get it to open.

BBEdit which is donkeys years old seems so much better. Why is DW like this? Am I missing something? 

[markeeeee]

Sublime shows all my pages and which ones have been edited and not saved - all at a glance:

[B i r n o u]

you don't need to define a site to use the file panel... you'll loose all the raltive path and the sync state, but you can use the file panel as a browser!

but either when I use ST, I define a project... that is a ruels to stroe all .sublimeproject, .sftp, and other prefs settings relative to the project

that's right that DW's file panel does'nt display if a file was saved or not... just in the TAB,  but it never bother me, either in ST or in DW I use the place on save function... that's perhaps where our workflow differ

[Nancy OShea]

DW is designed to be used with at least one local site folder.  If you skip this step, it's on you because you're not dealing with an ordinary text editor here.  You're working with a web site management tool.

My screenshot below illustrates some of the features available in the Files Panel. The last modified date and time stamp tells me when the file was last saved.   Right-click on the site folder (Site - MyTestSite) to bring up more options.

It goes without saying, you should use Ctrl + S (save) often during editing.  When you need to back out of something, Ctrl + Z (undo) has a good history to draw from.  In Preferences, you can choose to allow undo history to traverse through multiple files or limit it to just the open document.  Your choice.

I rarely have more than 2 or 3 files open at one time.  There is no advantage whatsoever in having all site files opened at once.  In fact, it could pose caching & memory problems if you do, so I don't recommend working that way in DW.

[markeeeee]

I rarely have more than 2 or 3 files open at one time. There is no advantage whatsoever in having all site files opened at once. In fact, it could pose caching & memory problems if you do, so I don't recommend working that way in DW.

Thats interesting. I often have all the pages in a website open so that I can make find/changes to all the files. And not being able to see all my files probably means I'll use Sublime where I can.

[Nancy OShea]

"I often have all the pages in a website open so that I can make find/changes to all the files. "

 In DW you don't need to do that.  If you define a local  site folder like you're supposed to, you can perform Find & Replace on the entire local site without opening a single file.   Keyboard shortcut Ctrl/Cmd + Shift + F.  

[markeeeee]

Hi Nancy

Thank you so much for your help. I don't think DW is for me. I just want a simple, easy to use application that I can write HTML and CSS in. Not being able to see all my files is a deal breaker for me. Which is a shame because I like that DW shows errors in html and css and I like being able to insert pre-built html and JQuery.

Do you know if SublimeText shows errows in html and css? I've had a quick look at Sublime Linter but it doesn't mention checking html (http://www.sublimelinter.com/en/v3.10.10/about.html)

[B i r n o u]

https://clubmate.fi/how-to-configure-sublimelinter/

[markeeeee]

Thanks for that. I've added SublimeLinter to Sublime Text, but I was unable to add the csslint because it was too complicated for me to do. So somewhere on my Mac is the csslint thingy but it is not connected to SublimeLinter.

[B i r n o u]

did you try using the package manager ?

[markeeeee]

Yes. I used the Package manager to instal the SublimeLinter package. I then understand for it to work I have to instal the individual linters to lint the code I want - i.e. csslint. Using the package manager I downloaded the csslint. There were then instructions on how to comlete the process involving something called Terminal. I don't know what that is so I gave up.

[B i r n o u]

https://macpaw.com/how-to/use-terminal-on-mac