Skip to main content
M
Mrhope
Inspiring
June 14, 2017
Answered

Applying multiple classes with Dreamweaver CC 2017

  • June 14, 2017
  • 1 reply
  • 2436 views

Version: Dreamweaver CC 2017.5

OS: Windows 10

In earlier versions of Dreamweaver (e.g. Dreamweaver CS6) I had the ability to do a keyboard shortcut for applying multiple CSS classes to selected text and used that shortcut dozens of times every day. With Dreamweaver CC it appears Adobe removed the ability to apply multiple classes with no real explanation to why.

With new versions of Dreamweaver what is the easiest method of applying multiple classes to a tag?

For example, if I wanted to apply two classes to a paragraph tag the easiest method I can come up with is to add a class attribute to the paragraph tag with the two classes I want to apply to that tag.

In CS6 I could press Ctrl+Alt+C (my custom keyboard shortcut), type in the two classes I wanted and press Enter.

This topic has been closed for replies.
Correct answer Jon Fritz

They actually removed the Add Multiple Classes option a few versions ago without explanation.

The fastest way to add classes is manually to the source code using code hints.

1. Click inside the tag you want to add your class to

2. Type in class=" you'll be presented with all available classes in the code hint pop up

3. Arrow down through the options and hit Enter/Return to add a class

4. Hit the back arrow (to get back inside the class attribute's quotes) then a space and the list pops up again

Once you're used to the manual work-around, it's pretty quick, probably not as fast as a nice keyboard shortcut though.

Make sure to submit a feature request through DW under Help > Submit Bug/Feature Request and/or join in on the already existing requests.

1 reply

Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
June 14, 2017

They actually removed the Add Multiple Classes option a few versions ago without explanation.

The fastest way to add classes is manually to the source code using code hints.

1. Click inside the tag you want to add your class to

2. Type in class=" you'll be presented with all available classes in the code hint pop up

3. Arrow down through the options and hit Enter/Return to add a class

4. Hit the back arrow (to get back inside the class attribute's quotes) then a space and the list pops up again

Once you're used to the manual work-around, it's pretty quick, probably not as fast as a nice keyboard shortcut though.

Make sure to submit a feature request through DW under Help > Submit Bug/Feature Request and/or join in on the already existing requests.

    O
    osgood_
    Legend
    June 14, 2017

    https://forums.adobe.com/people/Jon+Fritz+II  wrote

    They actually removed the Add Multiple Classes option a few versions ago without explanation.

    The fastest way to add classes is manually to the source code using code hints.

    1. Click inside the tag you want to add your class to

    2. Type in class=" you'll be presented with all available classes in the code hint pop up

    3. Arrow down through the options and hit Enter/Return to add a class

    4. Hit the back arrow (to get back inside the class attribute's quotes) then a space and the list pops up again

    Once you're used to the manual work-around, it's pretty quick, probably not as fast as a nice keyboard shortcut though.

    Make sure to submit a feature request through DW under Help > Submit Bug/Feature Request and/or join in on the already existing requests.

    Could you not make a code snippet class="" then allocate the keyboard letter 'c' for the abbreviation key/tab. I dont know if DW has a way of automatically inserting the cursor within the quotes. Still means you would have to start typing in the class name/s (they would most likely pop up in a menu to choose from) but you wouldn't have to keep typing in class="" but you would have to do this in code view which for some is not an option.

    ALsp
    ALsp
    Legend
    June 14, 2017

    They used to have wrapping; it's been gone for quite a few versions now.

    By the way, missing the multiply class hint options forced me to find alternative methods too. I sometimes do a "pre-flight" visual check using the DOM panel to add/adjust multiple classes (double click in the element line to add):

    or in the Live View:

    As the others have stated, definitely request to have it added back in the Code View in the Feature Requests mentioned by Mrhope​


    In case anyone did not know, everything Adobe has taken out of Dreamweaver is actually still in there. It's just hidden. So if anyone from Adobe leads you to believe it is hard to add stuff back in, do not believe them. We found this out as we developed our DW Tools extension, which adds back Server-Side Includes and Design Time CSS. We also found it out when building our extension manager. I just wish I could figure out what the Dreamweaver team is thinking -- or if they're even thinking at all .

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices