1 Correct answer
Nithya.MV Wrote:
You can always switch back to the old panel. Ctrl+Shift+Alt+P
Thank you so much!
This works perfectly!!!
Now...why hasn't this been previously noted here???
101
Replies
You can't get the old CSS Styles panel back. You can, however, open the CSS Rule Definition panel by clicking Edit Rule in the Property inspector in CSS mode:
If you feel so strongly about the CSS Designer, why not suggest ways it could be improved by posting in the Ideas subforum?
The ideas are monitored by the Dreamweaver product team. There's no guarantee they'll be acted on, but it's a good way to provide feedback to Adobe. Now is a particularly good time to get your views across because it's already been announced that the next major version of Dreamweaver will have a new user interface. But don't just moan about the loss of the previous panel without saying what you feel was better about it. Constructive criticism is usually more effective than negative feedback.
I've been using Dreamweaver 6 happily now since my last post - it does everything I need - with the amazing classic css panel. However a new project I'm working on - needs php 5.4 syntax -- which dreamweaver cs6 doesn't support.
I take it Adobe are still sticking to the terrible new css panel as I've seen no one on here congratulating Adobe for making the right decision and giving long time dreamweaver uses what they want.
john stephanitesā - let me explain why you are missing out on a much easier to use working environment...
This is my screen - I've got half for code - half for design - and just a thin bar for editing my css - I can see and do everything on one screen - I don't have to double click a class to popup a box to edit the css - I can just edit the properties there. And only the properties I am using are shown - not all of them. I click a class - I can edit the properties - and its just a few lines.
Now look at this...
In "new" Dreamweaver (left) - you've got to start scrolling just to change some properties - do you really need to see three MASSIVE squares so you know what margins and paddings and positions are?!?! NO! you don't need to visually see this. CS6 (right) - has all properties, no scrolling, easy to understand, easy to edit. Look - padding-top: 20px Wow - I understand it without seeing a big square taking up a quarter of my screen!
People say the new css editor is great for beginners - we were all beginners once, and the classic editor was fine, people are just as capable now as they were years ago. The new bar is just annoying for people who know what they are doing.
It frustrates me - that something has been taken away - that worked so well, for no apparent reason. If its too hard for new users to understand - hide it, but let long-term users enable it when they want.
Guess what? You can do the same with CSS Designer. Resize it to a single column, and select the Show Set check box in the Properties pane.
When you click inside the "add property" field, you get code hints for all valid properties. Most properties also have code hints for acceptable values.
If you're on Creative Cloud, you can revert back to whichever version you need. Some of us have several versions installed side-by-side. I like CS6 for some things. But I much prefer 2015's improvements to Live View editing, code hinting, auto-code-completion, Emmet, etc... IMO, working in code view is much faster and easier than wading through Design panels. Give it a try. 
Nancy O.
AdChoices