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

[June Deng]

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.

[StarlinC]

I have the same issue. :(

[Jesús Ignacio García]

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');

[Fernando]

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.