kamrify commited on
Commit
3dea366
Β·
2 Parent(s): e3c10a2 d060f14

Merge branch 'master' of github.com:kamranahmedse/driver.js

Browse files
Files changed (1) hide show
  1. readme.md +7 -7
readme.md CHANGED
@@ -28,7 +28,7 @@
28
 
29
  ![](./demo/images/split.png)
30
 
31
- For Usage and Examples, [have a look at demo](http://kamranahmed.info/driver)
32
 
33
  ## So, yet another tour library?
34
 
@@ -61,9 +61,9 @@ Or grab the code from `dist` directory and include it directly.
61
 
62
  ## Usage and Demo
63
 
64
- Demos and many more usage examples can be found [in the docs page](http://kamranahmed.info/driver).
65
 
66
- ### Highlighting Single Element – [Demo](http://kamranahmed.info/driver#single-element-no-popover)
67
 
68
  You can highlight a single element by simply passing the selector.
69
 
@@ -73,7 +73,7 @@ driver.highlight('#create-post');
73
  ```
74
  A real world usage example for this is: using it to dim the background and highlight the required element e.g. the way Facebook does it when creating a post.
75
 
76
- ### Highlight and Popover – [Demo](http://kamranahmed.info/driver#single-element-with-popover)
77
 
78
  You can show additional details beside the highlighted element using the popover.
79
 
@@ -90,7 +90,7 @@ driver.highlight({
90
 
91
  Also, `title` and `description` can have HTML as well.
92
 
93
- ### Positioning the Popover – [Demo](http://kamranahmed.info/driver#single-element-with-popover-position)
94
 
95
  By default, driver automatically finds the suitable position for the popover and displays it. You can override it using `position` property.
96
 
@@ -106,7 +106,7 @@ driver.highlight({
106
  });
107
  ```
108
 
109
- ### Creating Feature Introductions – [Demo](http://kamranahmed.info/driver)
110
 
111
  Feature introductions are helpful when onboarding new users and giving them an idea about different parts of the application; you can create them seemlessly with Driver. Define the steps and call the `start` when you want to start presenting. User will be able to control the steps using the keyboard or using the buttons on popovers.
112
 
@@ -148,7 +148,7 @@ You can also hide the buttons and control the introductions programmatically by
148
 
149
  ![](./demo/images/split.png)
150
 
151
- ### Asynchronous Actions – [Demo](http://kamranahmed.info/driver)
152
 
153
  For any asynchronous actions between the transition steps, you may delay the execution till the action completes. All you have to do is stop the transition using `driver.preventMove()` in your `onNext` or `onPrevious` callbacks and initiate it manually using `driver.moveNext()`. Here is a sample implementation where it will stop at the second step for four seconds and then move on to the next step.
154
 
 
28
 
29
  ![](./demo/images/split.png)
30
 
31
+ For Usage and Examples, [have a look at demo](http://kamranahmed.info/driver.js)
32
 
33
  ## So, yet another tour library?
34
 
 
61
 
62
  ## Usage and Demo
63
 
64
+ Demos and many more usage examples can be found [in the docs page](http://kamranahmed.info/driver.js).
65
 
66
+ ### Highlighting Single Element – [Demo](http://kamranahmed.info/driver.js#single-element-no-popover)
67
 
68
  You can highlight a single element by simply passing the selector.
69
 
 
73
  ```
74
  A real world usage example for this is: using it to dim the background and highlight the required element e.g. the way Facebook does it when creating a post.
75
 
76
+ ### Highlight and Popover – [Demo](http://kamranahmed.info/driver.js#single-element-with-popover)
77
 
78
  You can show additional details beside the highlighted element using the popover.
79
 
 
90
 
91
  Also, `title` and `description` can have HTML as well.
92
 
93
+ ### Positioning the Popover – [Demo](http://kamranahmed.info/driver.js#single-element-with-popover-position)
94
 
95
  By default, driver automatically finds the suitable position for the popover and displays it. You can override it using `position` property.
96
 
 
106
  });
107
  ```
108
 
109
+ ### Creating Feature Introductions – [Demo](http://kamranahmed.info/driver.js)
110
 
111
  Feature introductions are helpful when onboarding new users and giving them an idea about different parts of the application; you can create them seemlessly with Driver. Define the steps and call the `start` when you want to start presenting. User will be able to control the steps using the keyboard or using the buttons on popovers.
112
 
 
148
 
149
  ![](./demo/images/split.png)
150
 
151
+ ### Asynchronous Actions – [Demo](http://kamranahmed.info/driver.js)
152
 
153
  For any asynchronous actions between the transition steps, you may delay the execution till the action completes. All you have to do is stop the transition using `driver.preventMove()` in your `onNext` or `onPrevious` callbacks and initiate it manually using `driver.moveNext()`. Here is a sample implementation where it will stop at the second step for four seconds and then move on to the next step.
154