You need to sign in to do that
Don't have an account?
Praveen Bonalu
Horizontal Time Line Using Visualforce Page
Hi Everyone,
I have a custom Object (Candidate ) with the status picklist values
Possible candidate
Forwarded to manager
Phone screen
Interview
References
Medical Assessment
Background Check
Offer
Hired
Declined Offer
I would like to have the horizontail Time line with all this values in the visual force page. that depend on the Status picklist value
(EX: By default the satus of the candidate would be "possible candidate" and when the status is changed to "forwarded to manager" the image should move to that status on the time line.)
I would like to use Jquery or javascritp to achive this feature .or please provide me the resourses
If anyone has an idea how to achive this function .
I have a custom Object (Candidate ) with the status picklist values
Possible candidate
Forwarded to manager
Phone screen
Interview
References
Medical Assessment
Background Check
Offer
Hired
Declined Offer
I would like to have the horizontail Time line with all this values in the visual force page. that depend on the Status picklist value
(EX: By default the satus of the candidate would be "possible candidate" and when the status is changed to "forwarded to manager" the image should move to that status on the time line.)
I would like to use Jquery or javascritp to achive this feature .or please provide me the resourses
If anyone has an idea how to achive this function .
You can leverage 'Checkout Progress Bar' jquery for achieving this, found at below mentioned URL:
http://designscrazed.org/jquery-css3-progress-bars/
Update the text values and classes as per your need.
Thanks,
Pankaj
Thanks For you reply .Can you please let me know how to implement this in my org as i am new to this implementation .
Thanks
Praveen
Please refer below mentioned code which I updated as per your requirement. You may have to adjust some CSS properties to display all the picklist values along the progress bar:
Thanks for your code that worked like a charm .But i am not able to display all the stages with the Appropriate numbers and as well as the active and in active and pervious visted status . when i changes the status on the record the corresponding status is not active.
I have tried to modify CSS but not sure where to modify to get the effect .
Thanks
Praveen
I Got this to be worked
I got the Horizontal Line Aligned.Can you please help me how would implement the logic .when one status is changed to another status the tabs are active and previous .
Thanks
Praveen