Git Product home page Git Product logo

yii2-adminlte-theme's Introduction

yii2-adminlte-theme

First, add following line to the components of your config file.

'components' => [
	...
	'view' => [
	    'theme' => [
	        'class' => 'thedollarsign\themes\adminlte\AdminLTETheme',
	        // Your menu file.
	        'menuFile' => '@app/config/adminlte_file.php',
	        // Name for theme style. (eg. skin-blue, skin-black)
	        'style' => 'skin-blue' 
	    ],
	],
	...
]

Second, create new file backend/config/adminlte_menu.php and add following example for side menu.

<?php
return [
    [
        'label' => 'Dashboard',
        'url' => ['site/index'],
        'icon' => 'fa-dashboard'
    ],
    [
        'label' => 'Items',
        'icon' => 'fa-user',
        'url' => ['site/manage'],
        'items' => [
            [
                'label' => 'Item1',
                'url' => ['site/manage']
            ],
            [
                'label' => 'Item2',
                'url' => ['site/manage']
            ],
        ],
    ],
];

Example

Box widget

<?php 
// Box Widget config
$config = [
	'type' => 'default',
	'header' => 'Header Title',
	'solid' => true,
	'tool' => '<button class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip" title="" data-original-title="Remove"><i class="fa fa-times"></i></button>',
	'icon' => 'fa-list'
];
?>
// Box Widget usage
<?php Box::begin($config);?>
	<h1>Your Content</h1>
<?php Box::end();?>

yii2-adminlte-theme's People

Contributors

nattaponw avatar veniceq avatar thedollarsign avatar

Watchers

 avatar

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.