Simple Tour Guide

lighthouse

Can anyone share target codes and examples?

datlechin

Screenshot 2023-11-25 at 20 37 53

In the above example, the New Discussion button has class IndexPage-newDiscussion so the target is .IndexPage-newDiscussion

ernestdefoe

lighthouse Yeah I could go for this as well. It's so hard trying to find what you need to input to do certain things. Not all of us are that tech savvy.

datlechin

tolgaaaltas Great idea! However, triggering an element, like opening the composer or navigating to other pages during the tour guide, might interrupt the flow of the tour or potentially break it.
Nevertheless, I'll explore this idea further to see if it's feasible within the tour guide's context.

ctml

datlechin perhaps opening the composer triggers that separate tour. Basically it would behave like a new tour. Also interested in the tour per page so you could create a tour if you use different main page, for example /blog with the blog ext, user profile page, etc.

ZAKY

Wow a great extension thank you hope in the future you can develop more "avatar frame" extension thank you 😍

HeapsortYi

Wow, what a useful plugin. Can it be displayed on the mobile side?

datlechin

HeapsortYi Yes, it can. But only those elements appear on the screen.

kirs

great extension！

ernestdefoe

Anyone got a list of some of the common things to add like tags and things like that? I can't seem to find them.

Litalino

ernestdefoe https://discuss.flarum.org/d/33683-simple-tour-guide/14

ernestdefoe

Litalino I tried doing that but I get so lost trying to figure it out.

tolgaaaltas

Litalino Here's mine;

Target: .IndexPage-newDiscussion
Title: Create New Discussion
Desc: You can open the composer via here. You have to set tags, title and content for posting a new discussion.
---
Target: .DiscussionList-discussions
Title: All Discussions
Desc: From this area you can view chronologically opened or newly replied discussions.
---
Target: .item-session
Title: Introduce Yourself
Dec: Topluluğun sizi daha iyi tanıyabilmesi için profilinizi düzenlemenizi tavsiye ederiz.

ernestdefoe

tolgaaaltas that’s awesome. Thanks for sharing what you have. Any idea what I would need to put to highlight tags so I can direct them to how they work?

tolgaaaltas

ernestdefoe Idk how to specify for tags but there's for nav side.

Target: .item-nav
Title: Take Control and Explore Discussions in Tags
Desc: You can always access your favorite discussions here. You can also filter discussions with your interests using tags.

ernestdefoe

tolgaaaltas awesome thank you so much.

Jbugy

Is there a link that i can also allow users to click on to rerun the guide?? Thanks

datlechin

V0.1.1

Tour Guide Reset: Moderators can now reset the tour guide for users, or users can restart the tour guide themselves. (ivangneiding Jbugy)
Trigger Click Option: Added the option to enable/disable triggering a click on an element. This feature only works with visible elements on the DOM. (tolgaaaltas)

adbo

datlechin Seconding this, would be amazing to be able to show some navigation on the index then automatically navigate the user to a tag to show off some of the discussions page features too

nxmndr

Can you please allow more customized selectors ? It could allow to have translated content for multi-lingual forums with html[lang="es] #app (assuming you ignore/don't open a window for unmatched selectors).

(edit : instead of putting it in the middle)

yeken

This is an excellent plugin! Thank you 🙂

Is it possible to order the steps? I added some in the wrong order! 🙂

nxmndr

yeken I think the only way to do that currently is to edit the database manually.

« Previous Page Next Page »