Perhatian
Supaya metode loadCss dapat berjalan dengan baik, pastikan sudah memanggil:
- <?php $this->getAdditionalBefore()?>
- <?php $this->getAdditional()?>
- <?php $this->getAdditionalAfter()?>
Didalam templet header tema.
Metode loadCSS ada di SENE_Controller yang berguna untuk memanggil CSS dengan URL tertentu melalui controller.
Metode loadCSS miliki 2 parameter, yakni $src dan $utype.
$this->loadCss(string $src[, string $utype]): object SENE_Controller
Nilai dari $src ini bisa menggunakan URL relatif dengan memanfaatkan fungsi base_url()
atau SENE_Controller::cdn_url
.
Jadi jika ingin menggunakan sumber external cukup gunakan seperti ini $this->loadCss('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css','before')
Sebaliknya, jika ingin menggunakan url relatif bisa seperti ini $this->loadCss(base_url('assets/css/font-awesome.min.css','before'));
.
Nilai dari $utype ini bisa berisi 'before'
atau 'after'
atau ''
(string kosong).
Before berarti css akan ditambahkan sebelum list yang ada di app/view/NAMA_TEMA/theme.json
.
After berarti css akan ditambahkan setelah list yang ada di app/view/NAMA_TEMA/theme.json
.
Berikut ini adalah contoh lengkap untuk penggunaan method loadCss:
<?php
class Blog extends SENE_Controller {
public function __construct(){
parent::__construct();
}
public function index(){
//external
$this->loadCss('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css','before');
//relatif
$this->loadCss(base_url('assets/css/font-awesome.min.css','before'));
//theme content and layout rendering
$this->putJSReady('home/home_bottom',$data);
$this->putThemeContent('home/home',$data);
$this->loadLayout('col-1',$data);
$this->render();
}
}