Questions tagged [smart-wizard]

Smart Wizard is an accessible step wizard jQuery plugin with Bootstrap compatibility, developed by Dipu Raj of TechLaboratory.net

Filter by
Sorted by
Tagged with
1 vote
1 answer
22 views

Unable to use the jquery smartwizard npm package with meteor

I want to use the smartwizard package in my meteor project. I followed the installation instructions, but I' getting an error. I installed it with: npm install smartwizard added it in the js file: ...
Odem G.'s user avatar
  • 25
0 votes
1 answer
109 views

Smart Wizard Jquery plugin Square progress not working

I added smart wizard to my page for a step plugin. But the progress is not working on top nav bar. Line doesn't appear I added "square" and added the necessary css to the code but not ...
Miyuru Bhashana's user avatar
0 votes
1 answer
107 views

Dinamic resizing of content not working on smart wizard plugin

consider the following jquery function: $(document).ready(function () { $('#add-product').click(function () { $("<div class='row'> <div class='col'> <div class='...
user301908's user avatar
0 votes
0 answers
549 views

How to Use Jquery Smart Wizard with some ajax pages

I am having difficulty in understanding how to use the jQuery smart wizard. I have managed to get it going with static html for my first three tabs but I now want to add another tab which uses an ajax ...
Margaret Jarrett's user avatar
0 votes
0 answers
19 views

jQuery - false if AJAX result is xyz not recognised [duplicate]

I am displaying a wizard form and at some stage have to check whether the entered property_code input value matches any record in the database. This is done via jQuery and AJAX call, which responds ...
Armitage2k's user avatar
  • 1,174
0 votes
2 answers
2k views

jQuery Smart Wizard - cancel move to next step if validation fails?

I am using the jQuery SmartWizard for one of my projects. I have validations in place via the jQuery Validation plugin which appear to be working. The issue is that I want SmartWizard to stop users ...
Armitage2k's user avatar
  • 1,174
1 vote
1 answer
1k views

jQuery Smart Wizard - LeaveStep not registering properly - enable/disable button

I am using the SmartWizard plugin to create a wizard form to enter new user details. I have a custom "Submit" button that is supposed to be disabled until the user reaches Step 5, the last ...
Armitage2k's user avatar
  • 1,174
0 votes
1 answer
1k views

jQuery Smart Wizard v4 Step Validaton using jquery validation plugin

Here, I am using jQuery Smart Wizard v4 to my form, There are three steps and each step have some input fields. My question is, just I need to validate each field before going to the next step. HTML ...
user3733831's user avatar
  • 2,918
0 votes
1 answer
403 views

jQuery Smart Wizard - Reset certain steps

Im using this in my MVC project: http://techlaboratory.net/jquery-smartwizard#func-stepstate There it's explained how to disable or hide steps, but how to reset / mark undone some specific steps? The ...
JCIsola's user avatar
  • 110
0 votes
0 answers
80 views

StepIndex with wrong value

On first initializing of smartWizard, I get stepIndex of NULL of showStep event. But, I would expect this to be 0 or whatever is set in 'selected'. When I click next, it will log index 0 instead of 1 ...
Jakub Koudela's user avatar
0 votes
2 answers
4k views

Figure Out Last Step Jquery Smart Wizard 5?

I want to show a 'finished' button at the last step. I am using jquery smart wizard. I don't see any built in way to figure if I am on the last step or not? Am I missing something? $(document).ready(...
chobo2's user avatar
  • 83.7k
1 vote
1 answer
730 views

Smart Wizard - Multiples Only Resetting First Instance

I have a form with multiple Smart Wizards using incrementing UIDs for each. I want to restart the wizard to Step 1 when clicking the form Back or Reset buttons (external from the wizards). Step reset ...
SubliminalPresence's user avatar
0 votes
2 answers
2k views

TypeError: this.nav.find is not a function smartwizard

I use film of the (Step Wizard with Bootstrap 4) and my version of bootstrap is 4.5.1. Link: https://www.youtube.com/watch?v=5czWkFFLdQc <!doctype html> <html lang="en"> <head> ...
user avatar
1 vote
1 answer
3k views

Use custom validation in smart wizard?

I want to ask if I can use Laravel validation in the Smart Wizard. my example takes an error message from laravel to appear in the smart wizard. In this stage I followed the example of the official ...
Auxulry's user avatar
  • 173
0 votes
0 answers
291 views

Validation fails in multi step form, but it still moves to the next step

I have 7 steps of form and am using smart-wizard. On click of the 'next' button, I am saving my data at each step and doing validation but it is moving to step 2 while giving an error on step 1. The ...
priya's user avatar
  • 31
1 vote
1 answer
176 views

Why does my code keep sending ajax calls using the smartwizard plugin?

I have a plugin that creates a form on my website which has steps to it. This is my code in which I am making the call: $(document).ready(function(){ $('#smartwizard').smartWizard({ lang: {...
twan's user avatar
  • 2,490
1 vote
0 answers
443 views

Smart Wizard ToolbarButtonPosition : 'right' not working

I am using smart wizard 2 . I have the wizard showing up correctly however one thing does not work. The toolbarButtonPosition always shows up on left side even if i give it the value of right. This is ...
Junaid Shirwani's user avatar
-1 votes
1 answer
1k views

Use Smart wizard 4 with ajax and php [closed]

I've found an interesting jquery plugin to create a wizard it's name is Smart wizard 4. I want to be able to stop the user after the second step to wait until an invitation code was inserted and ...
Oshione's user avatar
  • 88
2 votes
1 answer
6k views

How to go forward in smart wizard after ajax success

I want to go to the next step if the ajax call is successful, but i am not able to call the smart wizard methods inside the ajax call. My code is here. var wizard = $("#listing_wizard").smartWizard({...
Ravi's user avatar
  • 163
0 votes
1 answer
1k views

How to validate input is required in jquery SmartWizard when content load from ajax?

i have success implemented jquery SmartWizard for validate input type text, but when input text load from ajax the validate is not working. code to validate: // Toolbar extra buttons var btnFinish = ...
willy's user avatar
  • 13
4 votes
3 answers
11k views

JQuery SmartWizard - Step being shown, but not being enabled

I am using this Jquery plugin to create a Wizard like interface: JQuery Bootstrap Smart Wizard I have 5 steps in the wizard. Step 3 and Step 4 are hidden when the wizard first loads. When a user ...
Jake's user avatar
  • 25.6k
0 votes
2 answers
622 views

How to display the options selected in previous steps of smart wizard

I am working on a user interface for my project. I am using the Smart Wizard available at http://techlaboratory.net/smartwizard I am using the smartwizard-modal.html in the examples directory of ...
Tejaswi's user avatar
  • 264
1 vote
2 answers
6k views

Jquery SmartWizard Add Extra Button

How to add the extra buttons in jquery smart wizard Tried Code : I have added the toolbar section code.. Still its not working. Can someone help me on this? JSFIDDLE DEMO $('#wizard').smartWizard(...
Question User's user avatar
1 vote
0 answers
635 views

add a function on jquery smart wizard

I want to input data from multiselect (right side) to database, I use the default form smart wizard from gentelella template, to get data from multiselect I make function: function selectAll(theSel) ...
Cinta Dewi Amelia's user avatar
0 votes
1 answer
789 views

Correct order for script files loading for gentelella template

I'm confused to how to solve this problem this is the Gentelella layout template: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- ...
JahStation's user avatar
0 votes
1 answer
992 views

Scenarios where smartwizard is not validating

Problems I am working in MVC C# and I have two scenarios where smartwizard fails validation. Hoping I can get some help. Scenario <div id="step-1"> <h2><i class="fa fa-address-...
unknown techh's user avatar
1 vote
1 answer
1k views

how to make class="done" isdone="1" in smart wizard by default?

I'm using jQuery SmartWizard 3.3.1 in my project. I have 5 steps and I want to make all the steps enable(class="done" isdone="1") in every state. I try to do that using below HTML code, I already ...
tk_'s user avatar
  • 16.6k
3 votes
4 answers
10k views

Disable Finish button for jQuery Smart Wizard 4

I have a problem on disabling the "Finish" button on jQuery Smart Wizard 4. The example given in the site has the button enabled by default. It should have the Finish button disabled by default and ...
Genes Molina's user avatar
0 votes
1 answer
8k views

jQuery Smart Wizard Step Verification

I am using jQuery Smart Wizard to save a form on each step, I have some input fields. I want to validate each field before going to the next step. please help me how can I achieve it. Here is my ...
awsm sid's user avatar
  • 595
0 votes
3 answers
5k views

resize content of smart-wizard (js library)

I want to change the height (of the step div) dinamically but it do not work in any way that I tried. I need this because I have a table I insert data with ajax and it reload, this table is in ...
Luciano's user avatar
  • 358
0 votes
1 answer
588 views

Smart Wizard with two steps no correct rendering

For a form, I am using a smart wizard instance: https://github.com/mstratman/jQuery-Smart-Wizard. I only have two steps right now, and it is rendered not correct. The line is longer than the second ...
Andreas Weichselgartner's user avatar
0 votes
1 answer
1k views

Show waiting dialog on synchronous ajax

I want to show a waiting dialog while a synchronous ajax is made. I using a Smart Wizard, to change between step one to step to i have to validate some data to do that i have to make 3 ajax call one ...
Luis Melendez's user avatar
0 votes
1 answer
359 views

Installing SmartWizard in Rails app

I was implementing Gentelella Admin Theme in my Rails 5 application. There's already a sample Gentelella Rails 5 app mentioned in their readme but it doesnt have SmartWizard yet. However, the original ...
Talha Meh's user avatar
  • 497
0 votes
0 answers
1k views

JQuery Smart Wizard onFinish not working

I have this code of the form wizard. <div id="wizard" class="form_wizard wizard_horizontal"> <ul class="wizard_steps"> <!-- the <li> --> </ul> <div id="...
AyakoS's user avatar
  • 221
1 vote
1 answer
1k views

How I can disable anchor clickable on smartWizard plugin?

I use this code, but the anchors are always clickable when I click on the next button. I want to disable the anchors step navigation. How I can do this? This is my init function... $('#smartwizard')....
Rinocs92's user avatar
0 votes
1 answer
158 views

I have to set a image on wizard dialogue,classpath load this image, but image not displayed properly

I have to set a image on wizard dialogue in swt,classpath load this image but image not displayed properly. In my design create a composit in this composit create a lebel.there after in this lebel I ...
Biswabir's user avatar
3 votes
3 answers
4k views

All steps active in smartwizard 4

I've included smartwizard in the forms in my application, and it works great, during insert. However, during update, I want to show all steps visited, so that instead of clicking on the next button, ...
Abhishek Acharya's user avatar
1 vote
1 answer
3k views

JQuery SmartWizard Form Submission

So I have a Spring Boot API project using Jquery SmartWizard. The first Step of 4 contains a simple form. For the sake of testing, am using with one field (ID: first-name). On clicking of the Next ...
Marcellinus's user avatar
2 votes
1 answer
3k views

How I can skip step of jQuery Smart Wizard?

I tried to skip step, but it doesn't work. I use this code: $('#wizard').smartWizard('goToStep', 3); in this code } else if (stepnumber == 2){ if (validate_step('#step-2-form')) { var ...
JRazor's user avatar
  • 2,717
0 votes
5 answers
2k views

How to disable Finish button after first click

I've tried the various methods that normally work, but it seems SmartWizard is preventing these methods from working. I need to disable the Finish button and change the text after it is clicked to ...
Connie DeCinko's user avatar
0 votes
1 answer
659 views

Equal Height Step Buttons in Smart Wizard

The jQuery Smart Wizard https://github.com/mstratman/jQuery-Smart-Wizard plugin has been around for several years and it appears development stopped about 3 years ago. However, Smart Wizard still ...
Connie DeCinko's user avatar
3 votes
4 answers
5k views

Smart-Wizard does not load first step

So I am using smart-wizard https://github.com/mstratman/jQuery-Smart-Wizard. I have included it in js-popup, so when I open the popup it does not show the first step. I need go to the second step ...
MrEnergy's user avatar
1 vote
0 answers
151 views

Angular controller on DOm that changes

First of all, I'm using jQuery-Smart-Wizard. When I put it into my code: $('#wizard_verticle').smartWizard({ transitionEffect: 'slide' }); this is supposed to change the DOM, but it's wrapped ...
Justin Homes's user avatar
  • 3,759
2 votes
4 answers
7k views

Google map not showing when inside a hidden div

I see a lot of people with having resizing issues when showing a hidden div, but I am having a slightly different problem that requires a different solution. My google map works fine normally, but I ...
user avatar
1 vote
0 answers
353 views

jump to current step when reloading instead of resetting to first step using smartWizard

Good day, I have a webform that is using smartWizard and keepFormData scripts. The scenario is this: the form values stays until it is submitted so whenever the page is reloaded or closed, the form ...
rodger0816's user avatar
2 votes
0 answers
2k views

how to do form validation using smart wizard js?

I did a form validation using smart wizard js but in the second step previous not showing. next button showing twice step container: As you can check with the image. http://techlaboratory.net/...
Parker's user avatar
  • 141
0 votes
1 answer
2k views

How can I prevent jQuery smartWizard from moving to the next step on enter press?

I have tried this code but it is not working. var wizardForm = $('#form'); wizardForm.on('keyup keypress', function(e) { var code = e.keyCode || e.which; if (code == 13) { e.preventDefault()...
Gustavo Reyes's user avatar
0 votes
2 answers
1k views

How I skip validation when going backward - SmartWizard

I am using Jquery smartwizard link, I need to stop the validation when user click on "Previous" button in any step(By default in 1st step Previous button is disabled) except 1st step. Here is my ...
user3635258's user avatar
2 votes
1 answer
7k views

jQuery Smart Wizard 3.0 post all form fields in the wizard

I'm using the vertical layout to display a form with 12 steps. when I hit finish only the first section is submitted. here's the javascript code: $('#wizard').smartWizard({ selected:0, ...
Scott Stewart's user avatar
2 votes
2 answers
2k views

outerHeight in Chrome giving wrong value, OK in IE and FireFox

In the jquery.smartWizard plugin, there is a function called fixHeight which adjusts the height of a wizard step. This is used when a step is first displayed or when revealing hidden divs within the ...
Connie DeCinko's user avatar