|
|
- Filter show entries default list 50 dan posisi search sejajar.
|
|
CRUD memakai single form.
|
|
|

|
|
Sehingga tampilan saat create, edit dan display sama/konsisten.
|
|
|
|
|
|
|
|
- Contoh selection multiple.
|
|
CRUD, setiap Create, field Updated date dan Updated by diisi. Lalu pas edit hanya field
|
|
|

|
|
Updated date dan Updated by yg diupdate. Jadi yang ditampilkan di form Display dan Edit
|
|
|
|
|
hanya field Updated date dan Updated by aja
|
|
|
- Filter date selalu memakai range. To
|
|
|
|
|
|
|
Info Updated date dan Updated by pastikan ada dipaling bawah form
|
|
|
- Jika kolom selection ≥ 6 maka dibuat
|
|
|
|
|
|
|
Jika ada data Province & City maka data tersebut diambil dari data Address
|
|
|
| Tables | Are | Cool |
|
|
|
|
|
| ------------- |:-------------:| -----:|
|
|
jika di CRUD ada map, pastikan ada fungsi buat hide map
|
|
|
|  | right-aligned | $1600 |
|
|
|
|
|
|  | centered | $12 |
|
|
Tombol back tidak reset detail list
|
|
|
| | are neat | $1 |
|
|
Misal display dokumen pakai report yang sudah di filter ada 2 row
|
|
|
| | right-aligned | $1600 |
|
|
Pas back dijaga agar paging dan filter tidak reset
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
Filter show entries default list 50 dan posisi search sejajar.
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
|
| | centered | $12 |
|
|
|
|
|
| | are neat | $1 |
|
|
|
|
|
NB: Saat logo di hover, muncul keterangannya.
|
|
|
|
|
|
|
|
|
|
|
Contoh selection multiple.
|
|
|
|
|
|
|
|
- Posisi Logo pada kolom action. View, Edit, Delete.
|
|

|
|
|
|
|
|
|
|
Filter date selalu memakai range.
|
|
|
|
|
|
|
|
Posisi label selalu diatas textbox
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
Jika kolom selection ≥ 6 dan tidak panjang, maka kolom dibuat bersebelahan.
|
|
|
|
|
|
|
|

|
|
|
|

|
|
|
|
|
|
|
|
NB: Saat logo di hover, muncul keterangannya.
|
|
|
|
|
|
|
|
|
Posisi Logo pada kolom action. View, Edit, Delete.
|
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
- Saat klik delete, diberi double confirmation.
|
|
Saat klik delete, diberi double confirmation.
|
|
|
“ Are you sure want to delete “ ?
|
|
“ Are you sure want to delete “ ?
|
|
|
Yes / No
|
|
Yes / No
|
|
|
|
|
|
|
|
- Jika list datanya banyak dan kolom melebihi dari lebar monitor, maka diharuskan memakai floating scroll horizontal. Agar tidak perlu scroll sampai bawah untuk melakukan scroll horizontal (untuk pengguna yang memakai mouse).
|
|
Jika list datanya banyak dan kolom melebihi dari lebar monitor, maka diharuskan memakai floating scroll horizontal. Agar tidak perlu scroll sampai bawah untuk melakukan scroll horizontal (untuk pengguna yang memakai mouse).
|
|
|
|
|
|
|
|
- Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal. |
|
Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal. |
|
|
|
\ No newline at end of file |