This tutorial will show you how you can create your own custom widget in Yii2. Widgets are reusable blocks and they are used in your views. The main advantage of Widget is you can write once and reuse it wherever you need it in your view.
To create a custom widget we must extend the base widget yii\base\Widget
and we have to override the init()
and/or run()
methods of base widget.
Here are the simple steps for creating a custom widget.
Step1:
Make a folder named “components” in your project root folder.
step2:
Create a file with desired widget name inside components folder and copy paste the below code and change the class name in the code. Example – Mywidget.php
message === null) { $this->message = 'Welcome Guest'; } else { $this->message = 'Welcome ' . $this->message; } } public function run(){ // you can load & return the view or you can return the output variable return $this->render('myWidget', ['message' => $this->message]); } } ?>
In this class, Mywidget
is our custom widget. app\components
is the namespace of this class and Mywidget
is a class name. Using both namespace and class name, we can access this widget like app\components\Mywidget
.
Create a views folder inside components folder. Create a view file named myWidget.php
in components/views
folder and put your content in it.
Step3:
You are done!. Now you can use your widget inside any of your app views.
Usage example –
Thanks It is very helpful….
How can call renderPartial from a custom widget ?
Hi thank you , I have little query how it is about in yii2 advanced templates. I gt some errors in Advanced template Class ‘appcomponentsSidebar’ not found
I am creating Sidebar widget. Can anyone help me to sort out the paths and namespace wrt Yii2 Advanced templates thank you !!!