Connect progress bar to stage/status picklist field

  • 5
  • Idea
  • Updated 3 years ago
  • Implemented
The Progress Bar Indicator is awesome (https://github.com/skuidify/SamplePages/tree/master/progressIndicator)

What would make it awesomer and a better replacement for the new lightning Opportunity/Lead progress indicator is to be able to connect it to a Picklist Field and have each "step" correspond to a specific value from the picklist field. That way you could do it by Stage of an Opp or Status on a Lead or Status on any custom object.
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb

Posted 3 years ago

  • 5
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
That is a very interesting idea Jack.   I'll pass it along to Andrew - who basically whipped up the indicator as a side project. 
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
Yup. I think I'd eventually conclude the same. As Jack says, the opportunity would greatly benefit from this indicator.
Photo of Conlan O'Rourke

Conlan O'Rourke

  • 3,270 Points 3k badge 2x thumb
I second this idea...it would also be great in the app I am building that helps demonstrate the performance progress of individuals....as the individual moves along through the program, their status would be nicely displayed. 
Photo of Anna Wiersema

Anna Wiersema

  • 10,890 Points 10k badge 2x thumb
Guys! This is implemented!  Thank Andrew for making it happen!  You can checkout the update builder.js and runtime.js files or, if you have implemented the progress indicator component pack, just download the progressindicatorpack.zip file and upload it as the static resource for that component pack in your org.  
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
Awesome! I'm getting an error though, even after completely removing the component pack and static resource and re-installing:

An error occurred while attempting to load the "skuidopen" Component Pack. There may be an issue with the name or location of your Component Pack manifest files. Error: Please check Skuid Settings to ensure that this Component Pack has been correctly requested.
Photo of Anna Wiersema

Anna Wiersema

  • 10,890 Points 10k badge 2x thumb
Does that help clear up things?  yeah, in the future it would be great to be able to choose which values you want to map, and which ones you want to ignore.
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
Looks like it's also "skuidopen" in line 307 of builders.js
Fixing that and retrying. 
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
Works!
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
Also looks a bit better when I changed the CSS file line 35 font-size to 15px and line 38 line-height to 30px

(Edited)
Photo of Anna Wiersema

Anna Wiersema

  • 10,890 Points 10k badge 2x thumb
Thanks, Jack!  Line 307 should be fixed on gitHub now (for posterity).
(Edited)
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
Bug report - if you connect this component to a model that isn't set to load data on page load it breaks the page.      

<-- I know this component is totally extra and a side project, and I'm really excited to play with it more, don't take my comments as demands! Thanks Andrew and Anna!!-->