Design guidelines

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)

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

About

Das Yii Man

Leave a Reply

Your email address will not be published. Required fields are marked *

[TOP]