loadCss method

Metode loadCSS ada di SENE_Controller yang berguna untuk memanggil CSS dengan URL tertentu melalui controller.

Parameter

Metode loadCSS miliki 2 parameter, yakni $src dan $utype.

$this->loadCss(string $src[, string $utype]): object SENE_Controller

$src

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'));.

$utype

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.

Contoh Lengkap

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();
  }
}

Perhatian

Supaya metode loadCss dapat berjalan dengan baik, pastikan sudah memanggil:

  • <?php $this->getAdditionalBefore()?>
  • <?php $this->getAdditional()?>
  • <?php $this->getAdditionalAfter()?>

Didalam templet header tema.