Search results

Accessibility in ASP.NET Core Chips control

20 Jan 2022 / 1 minute to read

Keyboard interaction

The following shortcut keys are used to access the Chip control without any interruption.

Keyboard shortcuts Actions
Enter Selects the targeted chip from the ChipList/ChipCollection.
Delete Deletes the targeted chip from the ChipList/ChipCollection.
Copied to clipboard
<ejs-chiplist id="chip-avatar" enableDelete="true" selection="Single">
            <e-chip text="Andrew" avatarIconCss='andrew' enabled="true"></e-chip>
            <e-chip text="Janet" avatarIconCss='janet' enabled="true"></e-chip>
            <e-chip text="Laura" avatarIconCss='laura' enabled="true"></e-chip>
            <e-chip text="Margaret" avatarIconCss='margaret' enabled="true"></e-chip>

  #chip-avatar .andrew {
    background-image: url('./andrew.png')

  #chip-avatar .margaret {
    background-image: url('./margaret.png')

  #chip-avatar .laura {
    background-image: url('./laura.png')

  #chip-avatar .janet {
    background-image: url('./janet.png')
Copied to clipboard
public IActionResult Index()
            return View();