ng-walkthrough icon indicating copy to clipboard operation
ng-walkthrough copied to clipboard

How to show walkthrough on button click

Open lavkesh1608 opened this issue 6 years ago • 2 comments

<ng-walkthrough id="wt-test" focusElementSelector="#selectorId" focusBackdrop="true" [contentTemplate]="template" closeButton="true" [disabled]="isActive" isActive="isActive"> <ng-template #template> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit... </p> </ng-template> </ng-walkthrough>

In ts file :

isActive=false or isActive=true

I tried both not visible

lavkesh1608 avatar Sep 06 '18 06:09 lavkesh1608

@Zefling @Harvest-Dev Please help for above issue. Thanks

lavkesh1608 avatar Sep 07 '18 09:09 lavkesh1608

"isActive" not exist and isActive is a string in your case.

I indent your code:

<ng-walkthrough id="wt-test"
                focusElementSelector="#selectorId" 
                focusBackdrop="true" 
                [contentTemplate]="template" 
                closeButton="true"
                [disabled]="isActive"
                isActive="isActive">
    <ng-template #template>
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit... </p> 
    </ng-template>
</ng-walkthrough>

Have you seen the examples? https://github.com/Harvest-Dev/ng-walkthrough/tree/master/src/app

Zefling avatar Sep 07 '18 10:09 Zefling