Code Monkey home page Code Monkey logo

yii2-bootstrap-adminlte's Introduction

yii2-bootstrap-AdminLTE

The Bootstrap template AdminLTE widgets for yii2 framework. It make it easy to build a bootstrap admin panel.

Install

composer require "cszchen/alte": ">=2.0.0"

How to Use

layout sample file: @vendor/cszchen/alte/veiws/main-layout.php

example:

controllers/SiteController.php

class SiteController extends \yii\web\Controller
 {
    public $layout = '@vendor/cszchen/alte/veiws/main-layout.php';
    
    public function actionIndex()
    {
        return $this->render('index');
    }
 }

views/site/index.php

use cszchen\alte\widgets\Box;

$this->title = "Title here!";
Box::begin([
  'type' => 'primary',
  'title' => 'Box title',
  'refreshUrl' => '/userinfo',
  'tools' => ['refresh', 'collapse', 'remove'],
  'collapsed' => false
]);
echo "cszchen/alte";
Box::end();

screen

NavBar

NavBar::begin([
    'brandLabel' => 'cszchen/alte',
    'brandLabelSm' => 'Alte',
    'items' => [
        [
            'label' => 'Home', 
            'url' => ['/site/index'],
            'icon' => 'fa fa-dashboard test-green',
            'items'=>[
                ['label' => 'child#1', 'icon' => 'fa fa-user'],
                ['label' => 'child#2', 'url' => '#']
            ]
        ],
        ['label' => 'About', 'small' => 15, 'url' => ['/site/about']]
     ] 
]);
NavBar::end();

SideBar

echo Sidebar::widget([
    //'search' => false,
    'items' => [
        [
            'label' => 'level1', 
            'url' => '#', 
            'small' => 1, 
            'items' => [
                ['label' => 'level2', 'url' => 'sg'],
                ['label' => 'level2', 'url' => 'sg', 'items' => [['label' => 'level3']]]
            ]
        ]
    ],
]);

Box

Box::begin([
    'type' => 'primary',
    'title' => 'Box title',
    'refreshUrl' => '/userinfo',
    'tools' => ['refresh', 'collapse', 'remove'],
    'collapsed' => false
]);
echo "cszchen/alte";
Box::end();

yii2-bootstrap-adminlte's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.