souly1/ng-walkthrough

how to Hide walkthrough to start another walkthrough in the same page ?

RahulJyala opened this issue · 12 comments

how to Hide walkthrough to start another walkthrough in the same page ?

Hi Rahul, the question is not clear, can you elaborate please?
Thanks

i want call another walkthrough on-walkthrough-hide so i can get multiple walkthrough at the same page to introduce modules ....

here what i'm doing =>

<walkthrough id="walkthrough_elem" walkthrough-type="transparency" 
    has-glow="true" is-round="true" main-caption="{{ mainCaption }}" 
     is-active="isActive" use-button=true icon="single_tap"
    on-walkthrough-hide="nextFunction()">
</walkthrough>`

also having probleam on focus element , Id is igonerd by walkthrough however i used both wid and focus-element-id for focus multiple items

In order to switch the text in the walkthrough and reactivate add into you "nextFunction" method the change and set isActive to true. make sure to wrap it in a $timeout with a reasonable time between them to avoid glitches (500ms+ )

Tell me if this helps.
Thanks

I tried timeout to make it active again but walkthrough didn't shows up , how can i invoke walkthrough multiple time ?

Thanks

ID is ignored by walkthrough so it can't render into diff parts all tip shows into one place

and throw error
ionic.bundle.js:26799 Multiple items fit selector, displaying first visible as focus item

tell me if you have something
Thank you

Hi Rahul wID is used to set the ID of the walkthrough component as it is generated outside the current scope and appended to body

ahhh, thanks
also want to know multiple time walkthrough , how can i conquer that , so far i tried $timeout but still walkthrough shows only once ?

any help
thanks :)

Hi Rahul, assuming I understood you correctly, the same walkthrough but adding changes and then reopening, then yes, this is the process. perhaps try a bigger timeout of 1500ms, see if that makes a change. If that does not work i would debug the code and see that bound values for the walkthrough change as expected, if not, then something is wrong with your binding. if yes, but still does not show, you make sure you using the isActive in the angular lifecycle ($timeout, $http, etc...)

Thanks

yes finally it works .
Thanks man :D

Glad to hear, good luck!

@RahulJyala How it works, can you tell us I am also facing the same issue.