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
1091 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

Nancy OShea

Community Expert

A Green Checkmark denotes valid code.

A Red X indicates the presence of code validation errors.

For best results, maintain error-free code.

Nancy O'Shea— Product User & Community Expert

C

catinareziAuthor

Participating Frequently

Restore Preference.

https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html

And see my reply on Nov 19 above. Make sure Emmet is enabled.

This one didn't work, even with emmet enabled.

But I opened the "output" that Jon talked about and I changed from html to something else and then came back to html and emmet is working. I hope it's not just a coincidence. I tried that because he told me my file was not reading the code as html but as text...

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