Layout Form Completo
Pattern Form Standard KCS

Questo è il layout form standard usato nel portale: header con goBackButton, sezioni separate da p-divider, grid responsive col-12 col-sm-6 col-md-3.

Modifica Elemento
Dati Anagrafici
Dettagli
Altre Informazioni
Struttura HTML di riferimento
<div class="kcs-card"> <div class="d-flex flex-row align-items-center mb-3"> <button class="goBackButton" (click)="goBack()"> <i class="pi pi-arrow-left"></i> </button> <h5 class="titolo-card" style="margin: 0">Titolo Form</h5> </div> <p-divider /> <form (ngSubmit)="save()"> <h6>Sezione 1</h6> <div class="form-group row"> <div class="col-12 col-sm-6 col-md-3 flex flex-col grow basis-0 gap-1 mb-3"> <label class="kcs-form-label">Campo</label> <input class="kcs-inputtext kcs-component" [(ngModel)]="model.campo" name="campo" /> </div> <!-- altri campi col-12 col-sm-6 col-md-3 --> </div> <p-divider /> <h6>Sezione 2</h6> <!-- altri campi --> <p-divider /> <div class="d-flex justify-content-end"> <p-button label="Salva" icon="pi pi-save" severity="primary" type="submit" [loading]="isLoading" size="small"></p-button> </div> </form> </div>