Skip to main content
20240603
Inspiring
July 17, 2021
Answered

How does one add checkmark to html using DW?

  • July 17, 2021
  • 2 replies
  • 2054 views

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? 

 

 

 

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Use HTML entities.

    ✓ ✓ ✓

    ✓ ✓ ✓

     

    2 replies

    Nancy OShea
    Nancy OSheaCorrect answer
    Adobe Expert
    July 17, 2021

    Use HTML entities.

    ✓ ✓ ✓

    ✓ ✓ ✓

     

    Nancy O'Shea— Product User, Community Expert & Moderator
    20240603
    20240603Author
    Inspiring
    July 18, 2021

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

    20240603
    20240603Author
    Inspiring
    July 18, 2021

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

    B i r n o u
    Adobe Expert
    July 17, 2021

    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 ?

     

    BenPleysier
    Adobe Expert
    July 17, 2021

    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 is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!