Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-46415

SVG/High resolution emoticons

XMLWordPrintable

    • MOODLE_27_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • MOODLE_36_STABLE
    • MDL-46415-master
    • Hide

      Note: Test in Boost and Clean and on major browsers (e.g. Firefox, Chrome)

      1. Log in as an admin
      2. Go to "Site administration / Plugins / Filters / Manage filters"
      3. Enable "Display emoticons as images"
      4. Go to "Site administration / Plugins / Text editors / Atto HTML editor"
      5. Add "emoticon" at the end of the "insert" section of the "Toolbar config" field. Save the changes.
      Atto editor
      1. Edit your profile.
      2. On your profile description field, insert the shortcuts for all emoticons:

        :) :-D ;-) :-/ V-. :-P B-) ^-) 8-) :o) :( 8-. :-I :-X 8-o P-| 8-[ xx-P |-. }-] (h) (heart) (y) (n) (martin) ( )

      3. Save your profile.
      4. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison).
      5. Right-click on an emoticon and open its image on a new tab.
      6. Confirm that the emoticon is rendered in high-resolution even when it's displayed as a large image by itself.
      7. Edit your profile again.
      8. On your profile description, try to insert another emoticon by clicking on the emoticon button.
      9. Confirm that the emoticons are displayed nicely on the *emoticon picker * dialogue.
      10. Click on an emoticon.
      11. Confirm that the correct alias for the selected emoticon is inserted in the editor text area.
      TinyMCE editor
      1. Edit your preferences.
      2. Set your "Editor preferences" to "TinyMCE HTML editor"
      3. Save the changes.
      4. Edit your profile again.
      5. Check the description field.
      6. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison)
      7. Try to insert another emoticon by clicking on the emoticon button.
      8. Confirm that the emoticons are displayed nicely in high resolution on the "Insert emoticon" dialogue.
      9. Click on an emoticon.
      10. Confirm that the correct emoticon with the appropriate size is inserted in the editor text area.
      Show
      Note: Test in Boost and Clean and on major browsers (e.g. Firefox, Chrome) Log in as an admin Go to " Site administration / Plugins / Filters / Manage filters " Enable "Display emoticons as images" Go to " Site administration / Plugins / Text editors / Atto HTML editor " Add " emoticon " at the end of the " insert " section of the " Toolbar config " field. Save the changes. Atto editor Edit your profile. On your profile description field, insert the shortcuts for all emoticons: :) :-D ;-) :-/ V-. :-P B-) ^-) 8-) :o) :( 8-. :-I :-X 8-o P-| 8-[ xx-P |-. }-] (h) (heart) (y) (n) (martin) ( ) Save your profile. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison). Right-click on an emoticon and open its image on a new tab. Confirm that the emoticon is rendered in high-resolution even when it's displayed as a large image by itself. Edit your profile again. On your profile description, try to insert another emoticon by clicking on the emoticon button. Confirm that the emoticons are displayed nicely on the *emoticon picker * dialogue. Click on an emoticon. Confirm that the correct alias for the selected emoticon is inserted in the editor text area. TinyMCE editor Edit your preferences. Set your " Editor preferences " to " TinyMCE HTML editor " Save the changes. Edit your profile again. Check the description field. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison) Try to insert another emoticon by clicking on the emoticon button. Confirm that the emoticons are displayed nicely in high resolution on the " Insert emoticon " dialogue. Click on an emoticon. Confirm that the correct emoticon with the appropriate size is inserted in the editor text area.

      The standard emoticons are not scalable or high-res and so look horrible and pixelated on high-dpi screens. It stands out because they are some of the only graphics like that.

      It'd be super nice to have some 'retina' emoticons.

        1. tinymce.png
          tinymce.png
          107 kB
        2. sleepy-before.gif
          sleepy-before.gif
          0.2 kB
        3. sleepy-after.png
          sleepy-after.png
          82 kB
        4. Screen Shot 2014-07-17 at 09.38.31.png
          Screen Shot 2014-07-17 at 09.38.31.png
          9 kB
        5. 2.PNG
          2.PNG
          240 kB
        6. 1.PNG
          1.PNG
          254 kB

            andreas.graehn Andreas Grähn
            poltawski Dan Poltawski
            Bas Brands Bas Brands
            Jun Pataleta Jun Pataleta
            Janelle Barcega Janelle Barcega
            Votes:
            7 Vote for this issue
            Watchers:
            12 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 44 minutes
                44m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.