New component: Shepherd.js - ProductTour

Hi,

It would be very great, if you can add the following component into PFE:

Here is one example, I guess there are also other JS available. http://eragonj.github.io/Trip.js/

I would need this component to implement a Guide in my webpage, like you maybe know from intercom. Please see as reference this video: https://www.youtube.com/watch?v=TyWefNd1Tlc

For me it´s also important

• Information can be coming also from database (so I can have a loop around that)
• Content can be also in HTML: <h:outputText value=“Text Text” escape=“false”/>

Properties

• modal
• currentTab (integer)
• titel (String), but you can also define it in <f:facet name=“header”>
• startOnPageLoad
• DelayPageLoad
• labelNext
• labelPrevious
• labelEnd Please see also: https://shepherdjs.dev/

Events:

• Click next page
• Start tour
• Close tour
• Stop

<p:repeat>
<pe:tourGuide>

     <f:facet name="header">
        List of Cars
    </f:facet>

     <h:outputText value="Text Text" />

    <f:facet name="footer">
        List of Cars
    </f:facet>
</pe:tourGuide>
</p:repeat>

Many thanks

[jepsar]

Why should this be a component? Can’t this be done with vanilla JavaScript?

[rider87]

Yes, that is exactly what is requested for this new component. Would be very great to have this component and get the information from the database.