I have the following form menu using jquery.smartWizard.js
Ineedtoenterthe5thstepandIcannot.HowdoIenter?
Belowisthecodeformyscreen.
<!--Tabs--><divid="wizard_verticle" class="form_wizard wizard_verticle">
<ul class="list-unstyled wizard_steps">
<li>
<a href="#step-1">
<span class="step_no">1</span>
</a>
</li>
<li>
<a href="#step-2">
<span class="step_no">2</span>
</a>
</li>
<li>
<a href="#step-3">
<span class="step_no">3</span>
</a>
</li>
<li>
<a href="#step-4">
<span class="step_no">4</span>
</a>
</li>
<li>
<a href="#step-5">
<span class="step_no">5</span>
</a>
</li>
</ul>
<div id="step-1" class="show-tab">
<form class="form-horizontal form-label-left" name="tagForm">
<span class="section">Dados Basicos</span>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="last-name">
Nome <span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.Nome" ng-required="true" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Descrição <span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.Descricao" ng-required="true" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Status <span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control col-md-7 col-xs-12" ng-model="tag.Ativo" ng-options="Ativo.value as Ativo.status for Ativo in Status" ng-required="true">
<option value="">Selecione opção</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Dispositivos<span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control col-md-7 col-xs-12" ng-model="tag.dispositivoId" ng-options="Dispositivo.Id as Dispositivo.Nome for Dispositivo in Dispositivos" ng-required="true">
<option value="">Selecione opção</option>
</select>
</div>
</div>
</form>
</div>
<div id="step-2" class="show-tab">
<span class="section">Configuração</span>
<form class="form-horizontal form-label-left" name="tagForm">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Endereço <span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.Endereco" ng-required="true" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Envios<span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control col-md-7 col-xs-12" ng-model="tag.ClasseDeEnvio" ng-options="EClasseDeEnvio.Value as EClasseDeEnvio.Nome for EClasseDeEnvio in EClassesDeEnvios" ng-required="true">
<option value="">Selecione opção</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Varredura<span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control col-md-7 col-xs-12" ng-model="tag.ClasseDeVarredura" ng-options="EClasseDeVarredura.Value as EClasseDeVarredura.Nome for EClasseDeVarredura in EClassesDeVarreduras" ng-required="true">
<option value="">Selecione opção</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Tipo de dados<span class="required">*</span>
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control col-md-7 col-xs-12" ng-model="tag.TipoDeDado" ng-options="ETipoDeDado.Value as ETipoDeDado.Nome for ETipoDeDado in ETipoDeDados" ng-required="true">
<option value="">Selecione opção</option>
</select>
</div>
</div>
</form>
</div>
<div id="step-3" class="show-tab">
<span class="section">Parametros</span>
<form class="form-horizontal form-label-left" name="tagForm">
<span class="section" ng-if="tag.TipoDeDado === undefined">Selecione um Tipo de dado para essa Tag.</span>
<div class="tagDigitalForm" ng-if="tag.TipoDeDado === 0 && tag.TipoDeDado !== undefined">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem para valor verdadeiro
</label>
<div class="col-md-5 col-sm-5">
<textarea rows="4" placeholder="" ng-model="tag.MensagemValorTrue"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem para valor falso
</label>
<div class="col-md-5 col-sm-5">
<textarea rows="4" placeholder="" ng-model="tag.MensagemValorFalse" name="tag.MensagemValorFalse"></textarea>
</div>
</div>
</div>
<div class="tagAnalogicaForm" ng-if="tag.TipoDeDado !== 0 && tag.TipoDeDado !== undefined">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Banda Morta
</label>
<div class="col-md-5 col-sm-5">
<input type="number" class="form-control" ng-model="tag.BandaMorta" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Exibição
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.FormatoExibicao" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Menor Valor
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.MenorValor" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Maior Valor
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.MaiorValor" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Un. de Eng.°
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.UnidadeDeEngenharia" />
</div>
</div>
</div>
</form>
</div>
<div id="step-4" class="show-tab">
<span class="section">Alarmes</span>
<form class="form-horizontal form-label-left" name="tagForm">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Criar Alarme
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control" ng-model="tag.hasAlarme">
<option value="0" selected>Não</option>
<option value="1">Sim</option>
</select>
</div>
</div>
<div ng-show="tag.hasAlarme == 1 && tag.TipoDeDado !== 0 && tag.TipoDeDado !== undefined">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Valor
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" placeholder="Alarme Alto" ng-model="tag.ValorAlarmeAlto" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" placeholder="Alarme Alto" ng-model="tag.MensagemAlarmeAlto" />
</div>
</div>
<!---------------->
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Valor
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" placeholder="Alarme Muito Alto" ng-model="tag.ValorAlarmeMuitoAlto" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" placeholder="Alarme Muito Alto" ng-model="tag.MensagemAlarmeMuitoAlto" />
</div>
</div>
<!---------------->
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Valor
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" placeholder="Alarme Baixo" ng-model="tag.ValorAlarmeBaixo" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" placeholder="Alarme Baixo" ng-model="tag.MensagemAlarmeBaixo" />
</div>
</div>
<!---------------->
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Valor
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.ValorAlarmeMuitoBaixo" placeholder="Alarme Muito Baixo" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.MensagemAlarmeMuitoBaixo" placeholder="Alarme Muito Baixo" />
</div>
</div>
</div>
<div ng-show="tag.hasAlarme == 1 && tag.TipoDeDado === 0 && tag.TipoDeDado !== undefined">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Mensagem em Alarme
</label>
<div class="col-md-5 col-sm-5">
<input type="text" class="form-control" ng-model="tag.MensagemAlarme" placeholder="Alarme Muito Baixo" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3" for="first-name">
Valor em Alarme
</label>
<div class="col-md-5 col-sm-5">
<select class="form-control col-md-7 col-xs-12" ng-model="tag.ValorAlarme" ng-options="obj.value as obj.status for obj in ValorAlarme" ng-required="true">
<option value="">Selecione opção</option>
</select>
</div>
</div>
</div>
<!---------------->
</form>
</div>
<div id="step-5" class="show-tab">
<span class="section">Tendencia</span>
<form class="form-horizontal form-label-left" name="tagForm">
</form>
</div>
</div>
<!-- End SmartWizard Content -->
<style>
#wizard_verticle .show-tab {
height: 370px;
}
</style>
<!-- jQuery Smart Wizard -->
<script src="/vendors/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>
<!-- jQuery Smart Wizard -->
<script>
$(document).ready(function () {
$('#wizard').smartWizard();
$('#wizard_verticle').smartWizard({
transitionEffect: 'slide'
});
$('.buttonFinish').addClass('btn btn-default');
$('.buttonNext').addClass('btn btn-success');
$('.buttonPrevious').addClass('btn btn-primary');
$('.buttonFinish').attr('ng-click', 'adicionar(tag)');
});
</script>
<!-- /jQuery Smart Wizard -->
I made an attempt to enter step-5 just did not work, did not appear on the screen and did not return an error.