I am using the almost new lightning:picklistPath:

<aura:component implements="force:hasRecordId">
    <lightning:picklistPath aura:id="picklistPath"
                    picklistFieldApiName="Status__c" />

On loading it looks like that:

enter image description here

When I click on one of the steps, it gets selected and I do not need that, for example - I have clicked on the second step Approval and now it looks like that:

enter image description here

Is there a way to prevent clicking, or prevent the clicking from changing the display?


Not possible.

We had the same issue and rebuild this path component ourselves by using the guidance of the Lightning Design System.

In our version, we override certain functions and styles. For example, hovering over a value does not turn the cursor into a 'ClickMe' but still changes the hue slightly.

| improve this answer | |
  • So your actual answer is 'not possible'? – Itai Shmida Jan 10 '18 at 15:25
  • yes. I have updated the answer as you suggested. – Christian Szandor Knapp Jan 10 '18 at 15:28
  • Thanks, can your share your solution? – Itai Shmida Jan 10 '18 at 15:29
  • Cannot for legal reasons. Truly sorry. – Christian Szandor Knapp Jan 10 '18 at 15:31
  • I am not marking this answer as completed yet because I hope a good answer with a THIS IS POSSIBLE will come – Itai Shmida Jan 11 '18 at 13:09

It is possible using standard css. You can put the lightning path in a div and use the pointer-events: none property to make the lightning path unclickable.

<div style="pointer-events:none;">
     <lightning:picklistPath recordId="{!v.recordId}" picklistFieldApiName="..." onselect="..." />
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.