@@ -31,6 +31,15 @@ npm install angular-shepherd --save
31
31
** NOTE: This may not be the proper Angular way to do everything, as I am not
32
32
an Angular dev, so please let me know if you have suggestions!**
33
33
34
+ Shepherd ships a single style file, which you will need to include. You can do so by adding it
35
+ to your angular.json.
36
+
37
+ ``` json
38
+ "styles" : [
39
+ " node_modules/shepherd.js/dist/css/shepherd.css"
40
+ ],
41
+ ```
42
+
34
43
Then, you will need to inject the ` ShepherdService ` to be able to interact with Shepherd and
35
44
call ` addSteps ` to add your steps, ` start ` to start the tour, etc.
36
45
@@ -55,7 +64,6 @@ export class ShepherdComponent implements AfterViewInit {
55
64
56
65
ngAfterViewInit() {
57
66
this .shepherdService .defaultStepOptions = defaultStepOptions ;
58
- this .shepherdService .disableScroll = true ;
59
67
this .shepherdService .modal = true ;
60
68
this .shepherdService .confirmCancel = false ;
61
69
this .shepherdService .addSteps (defaultSteps );
@@ -128,14 +136,6 @@ this.shepherdService.requiredElements = [
128
136
129
137
> ** default value:** ` [] `
130
138
131
-
132
- ### disableScroll
133
-
134
- ` disableScroll ` is a boolean, that when set to true, will keep the user from scrolling with the scrollbar,
135
- mousewheel, arrow keys, etc. You may want to use this to ensure you are driving the scroll position with the tour.
136
-
137
- > ** default value:** ` false `
138
-
139
139
### modal
140
140
141
141
` modal ` is a boolean, that should be set to true, if you would like the rest of the screen, other than the current element,
0 commit comments