|
Sedikit Catatan untuk melakukan modifikasi tampilan sistem yang kita bangun dengan CakePhp. Bagi yang masih asing dengan CakePHP bisa baca-baca di cakephp.org atau lain waktu akan saya tuliskan disini. Untuk membuat link di Cakephp biasanya kita memanfaatkan helper $html->link, sedangkan untuk membuat link dengan image kita gunakan helper $html->image. Pada contoh ini akan ditampilan list user dalam bentuk tabel. Asumsinya kita telah memiliki tabel User pada database, model dan controller . Tampilan akan dipercantik dengan menambahkan image. Apabila di klik image tersebut akan memberikan deskripsi profil user tersebut secara lebih mendetail.
Salah satu teknik yang dipakai untuk membuat Link di cakephp adalah dengan cara seperti ini: <?php echo $html->link(__('Detail', true), array('action'=>'detail', $User['User']['id'])); ?>
Gambaran Hasil dari script tersebut adalah : | Nama User
| Email | Password | Detail
| User1 |
This e-mail address is being protected from spam bots, you need JavaScript enabled to view it
| *********** | | Detail | User2 |
This e-mail address is being protected from spam bots, you need JavaScript enabled to view it
| *********** |
Untuk lebih membuat lebih menarik tampilan List User akan kita ganti dengan sebuah Image. Katakanlah image tsb bernama user.jpg. Modifikasi kode diatas menjadi : <?php echo $html->link($html->image('user.jpg'), array('action' => 'list',$User['User']['id']), array('escape' => false));?>
Hasil Yang diinginkan adalah seperti ini : | | Nama User
| Email | Password | | User1 |
This e-mail address is being protected from spam bots, you need JavaScript enabled to view it
| *********** | | User2 |
This e-mail address is being protected from spam bots, you need JavaScript enabled to view it
| *********** |
Jangan lupa untuk menambahkann escape => false, kalau di set true, image akan diabaikan. REFERENSI : 1. http://book.cakephp.org 2.http://www.cakephp.co.uk/images_and_links_cakephp_html_helper.html
|