Elemente de design (html + css) de avut în vedere în orice task de dezvoltare / debug.
Page sections:
- Page title
- Cu icon ca in meniu
- Action buttons
- Panel
- Prerequisites (dunga bleu)
- Nu class col-* , ci pull-*, cu margini setate manual pt. spacing.
- class white-bg-field – în wrapper dacă NU ARE etichetă, în field template dacă ARE etichetă.
- Content (form, grid etc)
- Prerequisites (dunga bleu)
Checkbox:
– in prerequisites – ca in balanta clienti – “SUMMARY”
– cu eticheta la stanga – company/edit – “ENABLE API ACCESS”
– cu eticheta la dreapta – bank-account/create – “DEFAULT ACCOUNT…”
Date control:
Atentie la clase si wrappere.
Date & time – internaționalizare – https://techdocs.max-ba.ro/internationalizare/
Select2:
– buton atasat alături – addon (vezi company tip abonament)
Icons:
<i class=”icon md-[tip-icon]”/> ca să se umfle la hover.
Popup:
- layout=popup – buton submit trebuie sa apara la baza popup, nu in content –> id=”submit-modal” (ex: invoice – produs nou – “Salvează si inchide”).
- openModal()
- titlu
- icon
- param width=’width-50p’ pt. form mic, respectiv ‚width-80p’ pt. form mai mare
- atentie la ceilalti parametri
Categories: Tutoriale / Reguli / Best practices, UI/UX |
Leave a Reply
[TOP]