|
|
|
- Filter show entries default list 50 dan posisi search sejajar.
|
|
|
|

|
|
|
|
|
|
|
|
- Contoh selection multiple.
|
|
|
|

|
|
|
|
|
|
|
|
- Filter date selalu memakai range. To
|
|
|
|
|
|
|
|
- Jika kolom selection ≥ 6 maka dibuat
|
|
|
|
|
|
|
|
| Tables | Are | Cool |
|
|
|
|
| ------------- |:-------------:| -----:|
|
|
|
|
|  | 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 |
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
| | centered | $12 |
|
|
|
|
| | are neat | $1 |
|
|
|
|
| | right-aligned | $1600 |
|
|
|
|
| | centered | $12 |
|
|
|
|
| | are neat | $1 |
|
|
|
|
NB: Saat logo di hover, muncul keterangannya.
|
|
|
|
CRUD memakai single form.
|
|
|
|
Sehingga tampilan saat create, edit dan display sama/konsisten.
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
Info Updated date dan Updated by pastikan ada dipaling bawah form
|
|
|
|
|
|
|
|
Jika ada data Province & City maka data tersebut diambil dari data Address
|
|
|
|
|
|
|
|
jika di CRUD ada map, pastikan ada fungsi buat hide map
|
|
|
|
|
|
|
|
Tombol back tidak reset detail list
|
|
|
|
Misal display dokumen pakai report yang sudah di filter ada 2 row
|
|
|
|
Pas back dijaga agar paging dan filter tidak reset
|
|
|
|
|
|
|
|
Filter show entries default list 50 dan posisi search sejajar.
|
|
|
|
|
|
|
|
Contoh selection multiple.
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
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.
|
|
|
|
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 “ ?
|
|
|
|
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 |