• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

CSS Designer Panel "Current" Not Showing Selected Item's CSS Properties

Community Beginner ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

I've been using Dreamweaver for about 20 years. The latest 2021 iteration's handling of CSS is a real step back from earlier versions.  According to Adobe help, updated 16 May 2021, I should see a selection's CSS properties in the CSS Designer set to "Current," like the image they provide at right. That is what I've been used to for years, and would like to be able to see with the current 2021 version.adobe.png

However, even when I "reset" the "standard "workspace, I don't see the css properties, instead the prominent panel shows the DOM tree, as in the image below left. I assume there might be a way to change the settings so I can see a selection's CSS properties, but I've been unable to find any relevant help from Adobe to do so. Anybody know what I need to do?

DW_CSSDesigner.png

TOPICS
How to , Interface

Views

304

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

Workspaces can be customized to your requirements & saved.  I created my own workspace based on Developer.  To close unwanted Tabs or Tab Groups, click the 4 bars icon as shown below

 

image.png

 

Likewise, you can dock & undock panels to suit.  Click, hold and drag until a blue border appears, then release.   When you finish customizing a workspace,  Go to Window > Workspace Layout > Save Current.

https://helpx.adobe.com/au/dreamweaver/using/customizing-dreamweaver-workspace.html

 

CSS Designer Panels are a mixed bag.  I never use them myself.  I prefer to use Quick Edit (Ctrl + E) in the code editor.  Or simply open my custom CSS file from the Files Panel (F8).   IMO, panels are clumsy.  Code hints with auto code-completion in DW's editor are much faster and more precise.  However, your mileage may vary.

 

Hope that helps.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Nov 21, 2022 Nov 21, 2022

Copy link to clipboard

Copied

Hi @bobrast,

Thanks for writing to us. Please try above suggestion by Nancy on customizing workspace as per your viewing requirements.

 

On CSS Designer panel, Properties of the selected text is displayed under Current tab --> Properties pane. Please notice that there is a scroll bar within Properties pane of CSS Designer panel, hence can you please try scrolling inside Properties pane to see the list of applied css properties on the selected content in live or code view.

 

CSS Designer Panel PropertiesCSS Designer Panel Properties

 

Have a pleasant day!

 

Regards,

Nayan

Dreamweaver Team

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 21, 2022 Nov 21, 2022

Copy link to clipboard

Copied

LATEST

Thanks, Nancy and Nayan. I'll give those tips a shot and hopefully they'll do the job.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines