Metode loadCss

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

Bentuk Umum

Berikut ini bentuk umum penggunaan metode loadCss dari kelas SENE_Controller.

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

Parameters

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

$src

Nilai dari $src ini bisa menggunakan URL relatif dengan memanfaatkan fungsi base_url() atau cdn_url().

$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 Penggunaan

Berikut ini adalah contoh lengkap untuk penggunaan metode loadCss dari SENE_Controller.

CSS Eksternal

Berikut ini adalah contoh kode untuk penggunaan CSS Eksternal.

$this->loadCss('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css','before');

CSS Relative

Berikut ini adalah contoh pemanggilan CSS yang lokasinya relatif terhadap alamat framework.

$this->loadCss(base_url('assets/css/font-awesome.min.css','before'));

Contoh Lengkap

Berikut ini adalah contoh kode penggunaan loadCss di controller pada file blog.php.

<?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');
    //relatives
    $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 templat header tema.