Enterprise: ProcessIndicator: Visual Enhancements Needed

[jamie-norman]

Is your feature request related to a problem or use case? Please describe.
A clear and concise description of what the problem is. [e.g. {Component Name} has a problem when {...}]
Use Case: Requisition Process flows, other approval processes.
Users need a visual way to see where an object is in its approval lifecycle—where has it been; where is it currently; how many steps to go
Users need to see detail information for steps in order to inquire/follow-up with the approver

Describe the solution you'd like
A clear and concise description of what you want to happen. [e.g. {Component Name} would work better if {...}]
Using elements of the timeline and process indicator controls to show approval process horizontally

• 100% width, including responsive behavior
• Ability to show statuses via the indicator point (fills, colors, icons, etc)
• Labels on process indicator points
• Datagrid formater version with tooltips (for details of the field)
• Listview version
• Form version

Describe alternatives you've considered
Have looked at prev. mentioned existing controls

LMCLIENT-28994
Wireframe Design

[tmcconechy]

@inforandy Should we loop in Aaron or make a design issue to get the team to take a look at this? From what i see we can make the changes but probably want to loop the team in to improve our process

[inforandy]

@tmcconechy yup, will flag to them and get it on their radar.

and thanks @jamie-norman , this is a good one

[tmcconechy]

Design has not been done so will move this to next sprint for now

[tmcconechy]

Linking Jira issue for design https://jira.infor.com/browse/HLPE-386

[tmcconechy]

@inforandy - This just needs design approval. Do we have a status?

Also noting some of the changes we probably need to make technically:

• [x] change the process indicator component
• [x] make steps readonly / unclickable
• [x] add an example
• [x] make responsive - lower container shows the active state only - try to wrap the labels
• [x] add labels (on top)
• [x] add a container under for content
• [x] tooltips on icon and/or label
• [x] use actual alert icons
• [x] ensure can have an ID on the steps
• [x] show one on responsive
• [x] RTL and Uplift and all themese
• [x] datagrid formatter for the process indicator (tooltip on the cell?)
• [ ] tooltips on responsive

[jamie-norman]

Do we still need design blessing on this? I think sales has escalated the need for this feature in Landmark, so we're going to need to keep this moving for Landmark to use when they're able. Thanks peeps!

[pwpatton]

Here's the responsive mocks that include the tooltip with details when hovering or tapping process steps.

[CindyMercadoReyes]

This issue is now resolved. Tested this issue using the following URL's attached below.