Questions tagged [twitter-bootstrap-wizard]

The Twitter Bootstrap Wizard allows to build a wizard functionality using buttons and tabs.

The Twitter Bootstrap Wizard allows to build a wizard functionality using buttons and tabs. Twitter Bootstrap Wizard provides a range of events, like onNext, onInit etc allowing hooks into each step individually.

Twitter Bootstrap Wizard requires jQuery and bootstrap 2.3.x or bootstrap 3.x.

Link: Twitter Bootstrap Wizard project homepage.

31 questions
1
vote
1 answer

Issue removing duplicate val() in :checked .map function

I could use some insight or a helpful reference on where to look for checking values on selected checkboxes and if there are duplicates, only return one. I'm working on a software trial wizard using bootstrap wizard. The first tab is a "solutions…
Zendiko
  • 53
  • 5
1
vote
0 answers

How to return the response from jQuery AJAX?

I am working with bootstrapWizard and need to submit a form each step.Submitting forms using ajax and validating the form in server.I need to pass the return value to onNext .But it is always return true. $('#buyer_wizard').bootstrapWizard({ …
1
vote
1 answer

How to submit form data to php using Twitter Bootstrap Wizard

I'm using http://vadimg.com/twitter-bootstrap-wizard-example/#docs and I am having difficulty finding how to submit the data to the backend php script. Once I have initialised the Wizard I have tried to add into the options being passed to the…
0
votes
0 answers

Bootstrap-Wizard | class="active" added to wrong element

I use Bootstrap 4.5.0 and am trying to use this Bootstrap form-wizard (version 1.4.2). To navigate through the different tabs, the JS should add a class="active" attribute to the current step's
  • -element. Instead - for some reason that I haven't…
  • 0
    votes
    1 answer

    Cannot validate single tab per time

    I've created a wizard using BootstrapWizard, but I need to convalidate the input before saving them. At the moment when I fill the first tab, I can't actually go to the next tab 'cause the valid() method will return false. The result of the valid()…
    sfarzoso
    • 1,356
    • 2
    • 24
    • 65
    0
    votes
    3 answers

    How to execute a function after modal open?

    I have added a Bootstrap Wizard inside the modal, and I need to initialize the Wizard only when this actually exists on the DOM 'cause I have to calculate the width, when the modal is closed if I execute: $('.card-wizard').width() I get: 0, when…
    sfarzoso
    • 1,356
    • 2
    • 24
    • 65
    0
    votes
    1 answer

    Bootstrap Wizard Issues

    I am trying to use the twitter bootstrap wizard (http://vinceg.github.io/twitter-bootstrap-wizard/) and for some reason when the first tab/pill the next button is showing that it is disabled. The button does work when I click on it, but it doesn't…
    0
    votes
    1 answer

    Twitter bootstrap wizard TypeError: container is undefined

    Using twitter bootstrap wizard I'm receiving a 'TypeError: container is undefined' error in the console when clicking the 'next' chevron. The wizard still shows the next tab although the error. What is causing this error? Firefox 59.0.2 console…
    DLO
    • 309
    • 2
    • 7
    • 17
    0
    votes
    3 answers

    Show error on specific input field in html table td using jQuery

    I am trying to highlight the input field which is in html table td. I am looping the html table but unable to highlight the input field if quantity is 0 in input field. what i have tried is below.
    Azeem Hafeez
    • 250
    • 4
    • 14
    0
    votes
    1 answer

    Validation on BootstrapWizard

    I have here a tab for player_name and level and a next button.
    Mae Cana
    • 43
    • 1
    • 10
    0
    votes
    1 answer

    How do I place all properties of Javascript object into another object?

    I'm using a customized JQuery Bootstrap Wizard of Porto and I was requested that when using a link, that it will go on the relevant tab of the wizard. The only thing that I need is to retrieve all the properties from the following object…
    0
    votes
    0 answers

    Routing issue from Wizard tab page to normal page

    i am getting a problem when i am trying to get back from wizard tab page to normal page whose url are competely differnt.My first page url is like localhost:8080/#/firstpage?aparam=#abcd&bparam=45564.Then my second page will have four wizard tabs…
    0
    votes
    3 answers

    twitter bootstrap validation with bootstrap-wizard onNext

    I have a form loaded in multiple twitter-wizard tabs whic i need to validate the current tab before moving to the next with BootstrapValidator 'onNext': function(tab, nav, index) { var…
    0
    votes
    1 answer

    Disable multiple tabs at once

    I am using Twitter bootstrap wizard plugin to make a step by step wizard. I have written functions on document ready to disable all the tabs except the first tab. This is how I have it: $('#rootwizard').bootstrapWizard('disable',…
    0
    votes
    2 answers

    Not able to find out the id of the button for which a jquery function was called?

    I have two buttons in my Twitter Bootstrap wizard :-