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

How does one add checkmark to html using DW?

Explorer ,
Jul 17, 2021 Jul 17, 2021

Copy link to clipboard

Copied

I edit a simple Html file using DW and want to add a checkmark

 

https://stackoverflow.com/questions/658044/tick-symbol-in-html-xhtml

 

I see how one adds a symbol using DW at 

 

https://www.uwec.edu/kb/article/adobe-dreamweaver-cs3-additional-character-formatting/

 

But in my DW I only see 

 

"html->insert->characters" not "html->insert->special characters"

 

and do not see the tick symbol anyway. What will be the next step? 

 

 

 

Views

861

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

correct answers 1 Correct answer

Community Expert , Jul 17, 2021 Jul 17, 2021

Use HTML entities.

✓ ✓ ✓

✓ ✓ ✓

 

Votes

Translate

Translate
Community Expert ,
Jul 17, 2021 Jul 17, 2021

Copy link to clipboard

Copied

In fact, the addition of a "checkmark" or any other visual "tick", nowadays, is linked to the use of a font that allows not only to achieve the desired effect, but also and especially to remain compatible whatever the device, and / or operating system.


Moreover, some solutions provide an accessible alternative, in case of screen reader.


Among the various solutions, there is the oldest (in terms of popularity) font awesome, but there is no lack of solutions

 

and this list is far from being exhaustive

 

The use is very simple, first of all, and depending of the type of the supplier that you will use, you will have to either link the font source to your project, or use a JavaScript script, to your project.

Most of solution get a free use at basic steps... and volume of available icons.

 

then you will have to search and use the special HTML mark to use the appropriate icon.

 

in your example, and if one use UNICONS suplier... free to you to use anyone you like... that is just an easy exemple (some solution can be complex for the first use) so

Get the link to be include in your project from https://iconscout.com/unicons/getting-started/thinline

 

in that case add to you HEAD HTML the following line

 

<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/thinline.css">

 

 

then explore the library to find the mark that you look for ... from https://iconscout.com/unicons/explore/thinline

in this lib the chekmark is named "check", type it in the search field, you will have different solution... and depending on it, you will get the HTML tag to be added ... in the basic and classic display it is

 

<i class="uit uit-check"></i>

 

 

but you also have different other context as

 

<i class="uit uit-check-square"></i>
<i class="uit uit-check-circle"></i>
etc...

 

 

does this helps you ?

 

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 Expert ,
Jul 17, 2021 Jul 17, 2021

Copy link to clipboard

Copied

Adding to @B i r n o u 's answer, you may want to have a look at

https://icons.getbootstrap.com/icons/check-lg/

Wappler, the only real Dreamweaver alternative.

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 Expert ,
Jul 17, 2021 Jul 17, 2021

Copy link to clipboard

Copied

Use HTML entities.

&#10003; &#x2713; &check;

✓ ✓ ✓

 

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
Explorer ,
Jul 18, 2021 Jul 18, 2021

Copy link to clipboard

Copied

Thank you. The question is: how can one add it in an html file using DW?

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
Explorer ,
Jul 18, 2021 Jul 18, 2021

Copy link to clipboard

Copied

I see: Insert > HTML > Character > Other->type entities

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 Expert ,
Jul 18, 2021 Jul 18, 2021

Copy link to clipboard

Copied

Not everything that is done in DW can be done via the interface. In this case you will need to just go to the code and insert that code at the point you want it.

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 Expert ,
Jul 18, 2021 Jul 18, 2021

Copy link to clipboard

Copied

LATEST

As @Ben M said, switch to Code view on your document toolbar.  Manually type or copy & paste html entities where desired.  The insert panels in DW can do only so much for you.  They are not a replacement for knowing how to work with code.

=====================================

More HTML Entities:
- https://www.w3schools.com/html/html_entities.asp

- https://www.freeformatter.com/html-entities.html

- https://www.toptal.com/designers/htmlarrows/symbols/

 

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