Skip to Main Content
IDS Enhancement Requests
Status Will not implement
Categories Components
Created by Angela Chang
Created on Apr 1, 2022

Differentiate ellipsis icons

The ellipsis icons, one vertical and the other horizontal look like they have similar functionality in the IDS library. We want to differentiate these two to avoid using the two ellipsis icons for the same functionality.


Our suggestion is:


Ellipsis Vertical:
Use for popover on both desktop and mobile (New Expandable Card) which also can have the swipe action (swipe action).

Ellipsis Horizontal:
Use for popover on the desktop and pull up the action sheet on the mobile (example-callbacks)


Ellipsis icons found in IDS component:

Cards

Headers

Action sheets




  • Attach files
  • Admin
    Laken Renick
    Reply
    |
    Dec 20, 2022

    Hi Katarzyna,

    Good news -- this issue has been resolved. The vertical ellipsis icon (⋮) has been replaced to indicate drag functionality. With this change, this enhancement request was addressed. Thanks so much for your request!

  • Admin
    Laken Renick
    Reply
    |
    Aug 30, 2022

    Thanks for submitting an Infor Design System enhancement request!

    The IDS product team reviews enhancement suggestions on a regular basis and implements enhancements based on assessed value. If more information is required, an IDS Product Management team member will contact you for clarification.

  • Katarzyna Tychanska
    Reply
    |
    Apr 6, 2022

    From what I understand they both have exactly the same meaning, as they symbolise additional functions neatly hidden in the menu. And I believe that this is how users understand them. From a user perspective we should focus on the functional aspect of the icon. That is, what exactly will happen if I click on it.

    If we want to simplify it, I think it is enough to leave the horizontal version, which perfectly reflects the 3 dots that are used in unfinished sentences ... the meaning here is simple and clear.


    I think it would be much more important to distinguish between this symbol and the symbol we use for drag and drop functionality. 4 squares and 3 dots are hardly distinguishable and the functionality is significantly different