Step hide Animation CSS on forward directionīckShowCss: '', // Only used if animation is 'css'. Step show Animation CSS on forward directionįwdHideCss: '', // Only used if animation is 'css'. Animation CSS prefixįwdShowCss: '', // Only used if animation is 'css'. PrefixCss: '', // Only used if animation is 'css'.
Not supported without a jQuery easing plugin. Not used if animation is 'css'Įasing: '', // Animation easing. true/falseĪutoAdjustHeight: true, // Automatically adjust content heightīackButtonSupport: true, // Enable the back button supportĮnableUrlHash: true, // Enable selection of the step based on url hashĪnimation: 'none', // Animation effect on navigation, none|fade|slideHorizontal|slideVertical|slideSwing|css(Animation CSS class also need to specify) Justified: true, // Nav menu justification. Theme: 'default', // theme for the wizard, related css need to include for other than default theme Selected: 0, // Initial selected step, 0 = first step Those files are recommended unless you don't want to customize the CSS yourself.Įx./dist/css/smart_wizard_ Advanced Options Optional parameters dist/css/smart_wizard_(theme name).css.Īll these files have corresponding min files that compressed for size reduction, dist/css/smart_wizard.css only contains the default theme.Īlso other files are theme-specific file named with the respective theme names, like. dist/css/smart_wizard_all.css contains all the themes, Only difference in these files is the theme. The answer is you can use any of them, all the CSS files are standalone. You can see many CSS files at dist/css/ folder and may be confused about which one to use. Include jQuery (ignore this if you have already included on the page)
CSS Animations support for transition animations (supports Animate.css).Transition animations can be added easly by extending.Built-in transition animations (none|fade|slideHorizontal|slideVertical|slideSwing|css).Easy color cusomization using CSS variables.Cool themes included and can be easly customize.Easy to implement and minimal HTML required.Npm i webpack webpack-cli style-loader css-loader -save-dev
#FONT WIZARD ON MY WEB INSTALL#
Note: you may have to install the required dependencies
Require( "smartwizard/dist/css/smart_wizard_all.css") Ĭonst smartWizard = require("smartwizard") Installation NPM npm install smartwizard Yarn yarn add smartwizard CDN - jsDelivr
#FONT WIZARD ON MY WEB SOFTWARE#
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
0 kommentar(er)
