Form with tabview

[silvanomatta]

Hi, my form when I put tabview didn't render correct. I guess css doesn't load.

What can I do.

Ps: Its a react form;


// code

<div class="ui-g ui-fluid">
<div class="ui-g-12 ui-lg-12">
<form *ngIf="formReady" (submit)="onSubmit(formulario.value)" autocomplete="off" [formGroup]="formulario">
<div class="ui-g form-group">
<p-tabView>
<p-tabPanel header="Profissional">
<!-- LINHA 1-->
<div class="ui-g-12 ui-md-1" style="padding-top: 20px">
<span class="md-inputfield">
<input type="text" readonly pInputText formControlName="id">
<label>Id</label>
</span>
</div>
<div class="ui-g-12 ui-md-3">
<span class="md-inputfield">
<input type="text" pInputText formControlName="nome" autofocus>
<label>Nome</label>
</span>
</div>
<div class="ui-g-12 ui-md-2">
<span class="md-inputfield">
<input type="text" pInputText formControlName="cpf">
<label>CPF</label>
</span>
</div>
<div class="ui-g-12 ui-md-2">
<span class="md-inputfield">
<input type="text" pInputText formControlName="rg">
<label>RG</label>
</span>
</div>
<div class="ui-g-12 ui-md-2">
<span class="md-inputfield">
<p-dropdown [options]="sexos" formControlName="sexo"></p-dropdown>
<label>Sexo</label>
</span>
</div>

<div class="ui-g-12 ui-md-2">
<span class="md-inputfield">
<p-dropdown [options]="estadosCivil" formControlName="estadoCivil"></p-dropdown>
<label>Estado Civil</label>
</span>
</div>


</p-tabPanel>
<p-tabPanel header="Agenda">

<!-- LINHA 1-->
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="time" pInputText formControlName="horarioIni">
<label>Horário Inicial de Atendimento</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="time" pInputText formControlName="horarioFim" autofocus>
<label>Horário Final de Atendimento</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="time" pInputText formControlName="horarioIniAlmoco">
<label>Horário Inicial do Almoço</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="time" pInputText formControlName="horarioFimAlmoco">
<label>Horário Final do Almoço</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="time" pInputText formControlName="duracaoAtendimento">
<label>Duração do Atendimento (Padrão)</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<p-dropdown [options]="visualizacoes" formControlName="visualizacao" ></p-dropdown>
<label>Visualização Padrão</label>
</span>
</div>
</p-tabPanel>
</p-tabView>
<div class="ui-g-12 ui-md-8">
<button pButton type="submit" [disabled]="formulario.invalid" label="Salvar" ></button>
</div>
<div class="ui-g-12 ui-md-4">
<button pButton type="button" label="Voltar" (click)="voltar($event)"></button>
</div>
</div>
</form>
</div>
</div>

[merve7]

Hi,
We've tried to replicate but unable to do so, please provide more explanation.