Hello. I was following the tutorial Create a responsive grid layout (adobe.com) and it teaches the code <div class=“row”></div>, then it teaches a shortcut that should create this same line .row tab, but, for some reason, it simply doesn't work on my Dreamweaver, the app simply keeps the text as it is. Dreamweaver 2021 Windows 10 Home Edition Steps: Open the Source Code (html) tab on Dreamweaver; Between the lines <main> and </main> type the code (shortcut) .row and then press the tab button on keyboard. Expected result: shortcut typed should be automatically converted to <div class=“row”></div> but nothing happens (.row and the tab space just keep there as a simple text).

Participating Frequently

Question

Emmet Shortcodes don't work [Topic edited for clarity]

Forum|Forum|2 years ago
November 18, 2023
2 replies
1076 views

Hello.

I was following the tutorial Create a responsive grid layout (adobe.com)

and it teaches the code <div class=“row”></div>, then it teaches a shortcut that should create this same line .row tab, but, for some reason, it simply doesn't work on my Dreamweaver, the app simply keeps the text as it is.

Dreamweaver 2021
Windows 10 Home Edition
Steps:

Open the Source Code (html) tab on Dreamweaver;
Between the lines <main> and </main> type the code (shortcut) .row and then press the tab button on keyboard.

Expected result: shortcut typed should be automatically converted to <div class=“row”></div> but nothing happens (.row and the tab space just keep there as a simple text).

This topic has been closed for replies.

Jon Fritz

Community Expert

If Emmet is enabled (verify that first using Nancy's instructions), it is possible a code error before your insertion point is causing Emmet to fail. Check your code for errors and repair anything found by the Validator.

To open the Validator, go to Window > Results > Validation then hit the "Play" button (arrow icon) in the panel that opens, then choose Current Document (W3C) to get a listing of potential issues.

Nancy OShea

Community Expert

That's an old tutorial from 2016. 😮

To use Emmet Shortcodes, you need a current version of Dreamweaver (21.3) and Emmet Shortcodes must be enabled in your Preferences panel (Ctrl + U). See Screenshot.

In Code View, try this:

<main>

[TYPE:] .row>p>lorem [hit TAB KEY]

</main>

Ctrl + S to Save and F5 to refresh.

Your results should look like this:

Hope that helps.

Nancy O'Shea— Product User & Community Expert

C

catinareziAuthor

Participating Frequently

Well, I have a mystery right now but I think I discovered what was happening, but not exactly why.

First I tried everything you and Jon taught me and nothing worked. And suddenly while I was already recording you a video, I used my mouse instead of my Wacom pen and everything worked. I guess I can't use my digital pen as a mouse on Dreamweaver. So, problem solved. Thanks for the help!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded