use with bootstrap modal, first step content wont show unless you click the button

[JuneDeng2014]

include a wizard div in bootstrap modal body, when open the modal, first step content wont show. I have to click the next button to the second step then click the previous button to show my first step content. if not include wizard in modal, it works fine.

[badf007]

I have the same issue. :(

[jesusignazio]

Me too

[raonyvf]

I have the same issue. Did someone solve the problem?

[lolingz02]

same issue here. did someone already fixed this? or is there any other way to reset the wizard?

[OnySeven]

i found http://stackoverflow.com/questions/38345126/smart-wizard-does-not-load-first-step

[CrazyINTz]

i escape this case by "onmouseenter" after call show modal. <div id="modal" onmouseenter="call_wizard()"> <div id="wizard" class="form_wizard wizard_horizontal"> <!-- step 1,2,3,4 --> </div> </div> <!--$('#modal').modal('show');--> <script>function call_wizard(){$('#wizard').smartWizard();}</script>

[smilence86]

call fixHeight function will solve it when content loaded dynamically. eg: $('#wizard').smartWizard('fixHeight');

[eusouofernando]

I had the same problem but in my case i was putting the smartwizard in a modal.

To fixed this i did something like these:

//Function that open the modal $('.btnPedido').click(function () {

$('.bs-example-modal-lg').modal('show');    

});

//Event OnModalShow $(".bs-example-modal-lg").on('shown.bs.modal', function () {

$('#wizard').smartWizard(); 
$('.buttonNext').addClass('btn btn-success');
$('.buttonPrevious').addClass('btn btn-primary');
$('.buttonFinish').addClass('btn btn-default');

});

Works for me.