Questions tagged [smart-wizard]
Smart Wizard is an accessible step wizard jQuery plugin with Bootstrap compatibility, developed by Dipu Raj of TechLaboratory.net
82
questions
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:
...
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 ...
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='...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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(...
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 ...
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>
...
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 ...
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 ...
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: {...
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 ...
-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 ...
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({...
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 = ...
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 ...
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 ...
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(...
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) ...
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">
<!-- ...
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-...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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="...
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')....
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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()...
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 ...
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,
...
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 ...