Our social:

Sunday, 24 January 2016

javascript Tutorials #03(How to Show Comformation Diallogh using javascr...







javascript Tutorials #03(How to Show Comformation Diallogh using javascripts on website)



 Right to Left
If your website is right-to-left, you can use this example for your guides. This will change the direction of all introduction elements.
DEMO SOURCE
 Multi-page guide
If your guide begins on a page and ends on another page, you can use multi-page option of Intro.js. This is a basic example of multi-page introductions.
DEMO SOURCE
 HTML in tooltip
You can use all HTML tags for step's tooltip. For instance you can use b or code tags in tooltips.
DEMO SOURCE
 Auto-positioning
Another great feature of Intro.js is that you can define the position of tooltip box. Furthermore, you can settooltipPosition to auto to align the tooltip boxes automatically.
DEMO SOURCE
 Floating guide
Also you can define a guide that doesn't focus on a specific element. This type of introductions can be defined using programmatic way.
DEMO SOURCE
 Customize it
There are some options to customize your guide for your website. One of them is data-tooltipClassattribute that enables you to add custom CSS classes to your steps.

0 Comment: