Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
Dislike
Description
- Purpose
- Clicking the Dislike Glyph indicates a user disapproves an item, e.g. a posting.
- Composition
- The Dislike Glyph uses the "thumbs down" unicode emoji U+1F44E, see https://unicode.org/emoji/charts/full-emoji-list.html.
- Effect
- Upon clicking, the Dislike Glyph acts as a toggle: A first click adds a Dislike to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Dislike away, which is also reflected in colour and counter.
- Context
- Show timeline in groups and courses.
Rules
- Composition
- A Status Counter MUST indicate the overall amount of dislike expressions.
- Accessibility
- The aria-label MUST be 'Dislike'.
Example 1: Dislike
<?php declare(strict_types=1); namespace ILIAS\UI\examples\Symbol\Glyph\Dislike; function dislike() { global $DIC; $f = $DIC->ui()->factory(); $renderer = $DIC->ui()->renderer(); $glyph = $f->symbol()->glyph()->dislike("#"); //Showcase the various states of this Glyph $list = $f->listing()->descriptive([ "Active" => $glyph, "Inactive" => $glyph->withUnavailableAction(), "Highlighted" => $glyph->withHighlight() ]); return $renderer->render($list); }
Relations
- Parents
- UIComponent
- Symbol
- Glyph