Yii2 Tips 19 : Membuat Output View ke PDF

Posted on January 3, 2018 by admin

Membuat output pdf menggunakan kartik yii2 mpdf : Langkah 1 : Install yii2-mpdf extension Pada folder utama aplikasi, ketik

composer require kartik-v/yii2-mpdf "*"

1	composer require kartik-v/yii2-mpdf "*"

Tunggu sampai instalasi selesai Langkah 2 : Menambahkan action pada Controller Disini kita akan menambahkan actionReport pada SiteController.php

public function actionReport(){
        $content = $this->renderPartial('_reportView');
         
            // setup kartik\mpdf\Pdf component
            $pdf = new Pdf([
                // set to use core fonts only
                'mode' => Pdf::MODE_CORE, 
                // A4 paper format
                'format' => Pdf::FORMAT_A4, 
                // portrait orientation
                'orientation' => Pdf::ORIENT_PORTRAIT, 
                // stream to browser inline
                'destination' => Pdf::DEST_BROWSER, 
                // your html content input
                'content' => $content,  
                // format content from your own css file if needed or use the
                // enhanced bootstrap css built by Krajee for mPDF formatting 
                'cssFile' => '@vendor/kartik-v/yii2-mpdf/assets/kv-mpdf-bootstrap.min.css',
                // any css to be embedded if required
                'cssInline' => '.kv-heading-1{font-size:18px}', 
                 // set mPDF properties on the fly
                'options' => ['title' => 'Krajee Report Title'],
                 // call mPDF methods on the fly
                'methods' => [ 
                    'SetHeader'=>['PDF Header'], 
                    'SetFooter'=>['{PAGENO}'],
                ]
            ]);
         
            // return the pdf output as per the destination setting
            return $pdf->render();
    }

public function actionReport(){

$content = $this->renderPartial('_reportView');

// setup kartik\mpdf\Pdf component

$pdf = new Pdf([

// set to use core fonts only

'mode' => Pdf::MODE_CORE,

// A4 paper format

'format' => Pdf::FORMAT_A4,

// portrait orientation

'orientation' => Pdf::ORIENT_PORTRAIT,

// stream to browser inline

'destination' => Pdf::DEST_BROWSER,

// your html content input

'content' => $content,

// format content from your own css file if needed or use the

// enhanced bootstrap css built by Krajee for mPDF formatting

'cssFile' => '@vendor/kartik-v/yii2-mpdf/assets/kv-mpdf-bootstrap.min.css',

// any css to be embedded if required

'cssInline' => '.kv-heading-1{font-size:18px}',

// set mPDF properties on the fly

'options' => ['title' => 'Krajee Report Title'],

// call mPDF methods on the fly

'methods' => [

'SetHeader'=>['PDF Header'],

'SetFooter'=>['{PAGENO}'],

]

]);

// return the pdf output as per the destination setting

return $pdf->render();

}

Jangan lupa menambahkan

use kartik\mpdf\Pdf;

1	use kartik\mpdf\Pdf;

Langkah 3 : Menambahkan File View Pada contoh ini kita akan membuat Read more about Yii2 Tips 19 : Membuat Output View ke PDF[…]

Yii2 Tips 18 : Menambahkan jQuery Colorbox

Posted on January 3, 2018 by admin

Di tips berikut kita akan menambahkan jQuery colorbox untuk keperluan menampilkan gambar. Ketika gambar di klik, maka akan muncul pop up di halaman tersebut. Berikut langkah-langkahnya : 1. Buat ColorboxAsset.php di dalam folder Asset

<?php

namespace common\assets;

use Yii;
use yii\web\AssetBundle;

class ColorboxAsset extends AssetBundle
{
	public $sourcePath = '@common/themes/edu/assets/js/colorbox';

	public $css = [
		'example1/colorbox.css'
	];

	

	public $depends = [
		'yii\web\JqueryAsset'
	];

	public function init()
	{
		parent::init();

		
		$getLang = explode('-',Yii::$app->language);
		$lang = 'id';

		$this->js = [
			YII_DEBUG?'jquery.colorbox-min.js':'jquery.colorbox-min.js',
			"i18n/jquery.colorbox-{$lang}.js",
		];
	}
}

<?php

namespace common\assets;

use Yii;

use yii\web\AssetBundle;

class ColorboxAsset extends AssetBundle

{

public $sourcePath = '@common/themes/edu/assets/js/colorbox';

public $css = [

'example1/colorbox.css'

];

public $depends = [

'yii\web\JqueryAsset'

];

public function init()

{

parent::init();

$getLang = explode('-',Yii::$app->language);

$lang = 'id';

$this->js = [

YII_DEBUG?'jquery.colorbox-min.js':'jquery.colorbox-min.js',

"i18n/jquery.colorbox-{$lang}.js",

];

}

2. Download jQuery Colorbox dan letakkan di dalam folder js 3. Buka file main.php yang berada di dalam layout dan Read more about Yii2 Tips 18 : Menambahkan jQuery Colorbox[…]

Yii2 Tips 17 : Mengganti Favicon Default Yii2

Posted on January 3, 2018 by admin

Mengganti favicon default Yii2 langkah-langkahnya sebagai berikut : 1. Siapkan favicon dan taruh di folder image 2. Modifikasi main.php yang berada di direktori layouts Tambahkan url ke directoryasset

$directoryAsset = Yii::$app->assetManager->getPublishedUrl('@common/themes/fpl/assets');

1	$directoryAsset = Yii::$app->assetManager->getPublishedUrl('@common/themes/fpl/assets');

Letakkan link di antara <head> dan </head>

<link rel="shortcut icon" href="<?=$directoryAsset?>/image/soccerball.png" type="image/x-icon">
    <link rel="icon" href="<?=$directoryAsset?>/image/soccerball.png" type="image/x-icon">

1 2	<link rel="shortcut icon" href="<?=$directoryAsset?>/image/soccerball.png" type="image/x-icon"> <link rel="icon" href="<?=$directoryAsset?>/image/soccerball.png" type="image/x-icon">

Sekarang favicon default Yii2 sudah berubah.

Yii2 Tips 16 : Membuat API Sederhana

Posted on January 3, 2018 by admin

Membuat API sederhana di Yii2 sangat mudah, di kasus ini kita akan mengambil data dari database dan menampilkannya di browser dalam bentuk JSON. API sederhana ini tidak menggunakan autentikasi, sehingga bisa langsung diambil oleh aplikasi lain. Langkah 1 : Menyiapkan Tabel Tabel berisi dua kolom, yaitu id dan score dari pemain. Langkah 2 : Buat Read more about Yii2 Tips 16 : Membuat API Sederhana[…]

Yii2 Tips 15 : Menyisipkan Kode Javascript / jQuery pada Form View

Posted on January 3, 2018 by admin

Di tips 14 kita sudah berhasil menyisipkan CSS, di tips ini kita akan menyisipkan kode Javascript/JQuery. Caranya mirip, kita hanya tinggal menyisipkan kode JS di bagian bawah form :

<?php $this->registerJS("
/* Isi kode JS disini */
"); ?>

<?php $this->registerJS("

/* Isi kode JS disini */

"); ?>

Ini form yang kita buat :

<h3>
	Tips JS pada form yii2
</h3>
<p id="par1">Paragraf ini akan hilang saat tombol di klik</p>
<button class="btn btn-success">Klik Saya</button>
<?php $this->registerJs("
	$(document).ready(function(){
		$('button').click(function(){
			$('#par1').toggle();
		})
	});
"); ?>

<h3>

Tips JS pada form yii2

</h3>

<p id="par1">Paragraf ini akan hilang saat tombol di klik</p>

<?php $this->registerJs("

$(document).ready(function(){

$('button').click(function(){

$('#par1').toggle();

})

});

"); ?>

Ketika di klik, paragraf akan hilang, dan ketika di klik lagi, paragraf akan muncul kembali.

indocoder.com

Month: January 2018

Yii2 Tips 19 : Membuat Output View ke PDF

Yii2 Tips 18 : Menambahkan jQuery Colorbox

Yii2 Tips 17 : Mengganti Favicon Default Yii2

Yii2 Tips 16 : Membuat API Sederhana

Yii2 Tips 15 : Menyisipkan Kode Javascript / jQuery pada Form View