How to Restore or Reopen the Properties Panel (or the CSS Styles or Files Panel) in Dreamweaver

"Unhiding" the Properties, CSS Styles and Files Panels

How to Restore or Reopen the Properties Panel (or the CSS Styles or Files Panel) in Dreamweaver

by Christopher Heng,

The Properties panel, the CSS Styles panel and the Files panel in Dreamweaver are parts of the Dreamweaver window that show you certain under-the-hood details of your website. They also let you control certain aspects of your website. From time to time, I get newcomers telling me that they have accidentally closed, removed or somehow hidden either the Properties panel, the CSS Styles panel, the Files panel or all of the above, and can't find a way to get it back. This tutorial shows you how you can restore those panels.

If you're reading this page because you're curious about creating a website, it's probably better to start by reading How to Make / Create Your Own Website: The Beginner's A-Z Guide. That article is more appropriate for newcomers and deals with the step-by-step creation of a website in plain English.

How to Get Your PROPERTIES, CSS STYLES and Your FILES Panels in Dreamweaver Back

Note that I have only tested the procedure mentioned below in Dreamweaver CS5. It should (hopefully) also work in CS4 and CS3, but since I no longer have those versions installed, I can't be sure.

There are actually a couple of ways to restore the PROPERTIES, CSS STYLES, and FILES panels, depending on what you did to remove them in the first place. However, since it's unlikely that you remember what you did to hide them, it's probably simplest to just use the following method to reset the user interface to the original state Dreamweaver was in when it was first installed.

Click "Window" on the menu bar. In the drop down menu that appears, click the "Workspace Layout" menu item. Make sure that the "Designer" menu item in that menu has a tick appearing next to it. If not, click it to put a tick there. If the tick is already there, click the "Reset 'Designer'" menu item.

This will return Dreamweaver to the condition it was in when you first installed it. The Properties panel should reappear, along with any of the other panels that you may have accidentally hidden.

A side effect of doing this is that Dreamweaver may be reset to use the Split view, where the underlying HTML code for your web page appears in one half of the Dreamweaver window alongside the actual visual appearance of your web page. If you are using one of my Dreamweaver tutorials, such as the Dreamweaver CS5 Tutorial, the Dreamweaver CS4 Tutorial or the Dreamweaver CS3 Tutorial, you may want to click the "View" menu, followed by the "Design" item on that menu to restore the window to the Design view. Otherwise Dreamweaver may not behave the way I describe in those tutorials.

(If the "Design" item is disabled, or in grey ("gray" if you use a different variant of English), it probably means you don't have a file open in Dreamweaver. Open one of your website's files in the web editor, and you should be able to restore the window to the "Design" view.)

But How Did I Get to This State in the First Place?

Although your aim was primarily to get the PROPERTIES (et al.) panel back, it's actually helpful to understand how you managed to accidentally hide, close or remove the panels before. This way, you'll know how to avoid doing the same thing again.


Dreamweaver allows you to customize the layout of your screen workspace so that it suits your workflow. However, this sometimes creates problems for newcomers who may accidentally stumble on one of these "power user" features, and as a result disable some feature that they actually want to use. The above method allows you to reset Dreamweaver back to its out-of-the-box state, so that you can carry on working on your website using the interface you're accustomed to.

Copyright © 2011-2018 by Christopher Heng. All rights reserved.
Get more free tips and articles like this, on web design, promotion, revenue and scripting, from

thesitewizard™ News Feed (RSS Site Feed)  Subscribe to newsfeed

Do you find this article useful? You can learn of new articles and scripts that are published on by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at You can read more about how to subscribe to RSS site feeds from my RSS FAQ.

Please Do Not Reprint This Article

This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.

Related Pages

New Articles

Popular Articles

How to Link to This Page

It will appear on your page as:

How to Restore or Reopen the Properties Panel (or the CSS Styles or Files Panel) in Dreamweaver

Link to Us
No Spam Policy
Privacy Policy
Site Map

Getting Started
Web Design
Search Engines
Revenue Making
Web Hosting
Perl / CGI
.htaccess / Apache


Free webmasters and programmers resources, scripts and tutorials Free How-To Guides
Site Design Tips at
Find this site useful?
Please link to us.