Layout
This extension provides a layout file.
You can take it as a template for your application.
Just copy @yiister/gentelella/views/layouts/main.php
file to your application views directory and modify it.
There is a layout source code below.
<?php /** * @var string $content * @var \yii\web\View $this */ use yii\helpers\Html; $bundle = yiister\gentelella\assets\Asset::register($this); ?> <?php $this->beginPage(); ?> <!DOCTYPE html> <html lang="<?= Yii::$app->language ?>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta charset="<?= Yii::$app->charset ?>" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <?= Html::csrfMetaTags() ?> <title><?= Html::encode($this->title) ?></title> <?php $this->head() ?> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body class="nav-<?= !empty($_COOKIE['menuIsCollapsed']) && $_COOKIE['menuIsCollapsed'] == 'true' ? 'sm' : 'md' ?>" > <?php $this->beginBody(); ?> <div class="container body"> <div class="main_container"> <div class="col-md-3 left_col"> <div class="left_col scroll-view"> <div class="navbar nav_title" style="border: 0;"> <a href="/" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a> </div> <div class="clearfix"></div> <!-- menu prile quick info --> <div class="profile"> <div class="profile_pic"> <img src="http://placehold.it/128x128" alt="..." class="img-circle profile_img"> </div> <div class="profile_info"> <span>Welcome,</span> <h2>John Doe</h2> </div> </div> <!-- /menu prile quick info --> <br /> <!-- sidebar menu --> <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> <div class="menu_section"> <h3>General</h3> <?= \yiister\gentelella\widgets\Menu::widget( [ "items" => [ ["label" => "Home", "url" => "/", "icon" => "home"], ["label" => "Layout", "url" => ["site/layout"], "icon" => "files-o"], ["label" => "Error page", "url" => ["site/error-page"], "icon" => "close"], [ "label" => "Widgets", "icon" => "th", "url" => "#", "items" => [ ["label" => "Menu", "url" => ["site/menu"]], ["label" => "Panel", "url" => ["site/panel"]], ], ], [ "label" => "Badges", "url" => "#", "icon" => "table", "items" => [ [ "label" => "Default", "url" => "#", "badge" => "123", ], [ "label" => "Success", "url" => "#", "badge" => "new", "badgeOptions" => ["class" => "label-success"], ], [ "label" => "Danger", "url" => "#", "badge" => "!", "badgeOptions" => ["class" => "label-danger"], ], ], ], [ "label" => "Multilevel", "url" => "#", "icon" => "table", "items" => [ [ "label" => "Second level 1", "url" => "#", ], [ "label" => "Second level 2", "url" => "#", "items" => [ [ "label" => "Third level 1", "url" => "#", ], [ "label" => "Third level 2", "url" => "#", ], ], ], ], ], ], ] ) ?> </div> </div> <!-- /sidebar menu --> <!-- /menu footer buttons --> <div class="sidebar-footer hidden-small"> <a data-toggle="tooltip" data-placement="top" title="Settings"> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="FullScreen"> <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="Logout"> <span class="glyphicon glyphicon-off" aria-hidden="true"></span> </a> </div> <!-- /menu footer buttons --> </div> </div> <!-- top navigation --> <div class="top_nav"> <div class="nav_menu"> <nav class="" role="navigation"> <div class="nav toggle"> <a id="menu_toggle"><i class="fa fa-bars"></i></a> </div> <ul class="nav navbar-nav navbar-right"> <li class=""> <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <img src="http://placehold.it/128x128" alt="">John Doe <span class=" fa fa-angle-down"></span> </a> <ul class="dropdown-menu dropdown-usermenu pull-right"> <li><a href="javascript:;"> Profile</a> </li> <li> <a href="javascript:;"> <span class="badge bg-red pull-right">50%</span> <span>Settings</span> </a> </li> <li> <a href="javascript:;">Help</a> </li> <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a> </li> </ul> </li> <li role="presentation" class="dropdown"> <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false"> <i class="fa fa-envelope-o"></i> <span class="badge bg-green">6</span> </a> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu"> <li> <a> <span class="image"> <img src="http://placehold.it/128x128" alt="Profile Image" /> </span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <a> <span class="image"> <img src="http://placehold.it/128x128" alt="Profile Image" /> </span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <a> <span class="image"> <img src="http://placehold.it/128x128" alt="Profile Image" /> </span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <a> <span class="image"> <img src="http://placehold.it/128x128" alt="Profile Image" /> </span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <div class="text-center"> <a href="/"> <strong>See All Alerts</strong> <i class="fa fa-angle-right"></i> </a> </div> </li> </ul> </li> </ul> </nav> </div> </div> <!-- /top navigation --> <!-- page content --> <div class="right_col" role="main"> <?php if (isset($this->params['h1'])): ?> <div class="page-title"> <div class="title_left"> <h1><?= $this->params['h1'] ?></h1> </div> <div class="title_right"> <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> </div> </div> </div> <?php endif; ?> <div class="clearfix"></div> <?= $content ?> </div> <!-- /page content --> <!-- footer content --> <footer> <div class="pull-right"> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com" rel="nofollow" target="_blank">Colorlib</a><br /> Extension for Yii framework 2 by <a href="http://yiister.ru" rel="nofollow" target="_blank">Yiister</a> </div> <div class="clearfix"></div> </footer> <!-- /footer content --> </div> </div> <div id="custom_notifications" class="custom-notifications dsp_none"> <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group"> </ul> <div class="clearfix"></div> <div id="notif-group" class="tabbed_notifications"></div> </div> <!-- /footer content --> <?php $this->endBody(); ?> </body> </html> <?php $this->endPage(); ?>