• Overview
• Common properties
• Amazing
• AppStack
  • Properties

Theme

Overview #

Dashboard Framework supports multiple themes. To set any theme, you only need provide theme object into theme property of Application.

Common properties #

All themes have following properties:

Example:

class App extends Application
{
    protected function onCreated()
    {
        $this->theme(
            Amazing::create()
                ->assets([
                    "path"=>"../assets",    //Path that js or css will be exported to
                    "url"=>"/assets",       //Url that those exported js and css can be accessed via browser
                ])
        );
    }
}

Amazing #

An amazingly beautiful theme for your dashboard application

use koolreport\dashboard\Application;
use koolreport\amazing\dashboard\Amazing;

class App extends Application
{
    protected function onCreated()
    {
        //Set amazing theme
        $this->theme(Amazing::create()); 
    }
}

Amazing is the default theme of dashboard framework, if you don't set theme, Amazing will automatically be used.

AppStack #

An modern-look theme for your dashboard

use koolreport\dashboard\Application;
use koolreport\appstack\dashboard\AppStack;

class App extends Application
{
    protected function onCreated()
    {
        //Set appstack theme
        $this->theme(AppStack::create()); 
    }
}

Properties #

Example:

use koolreport\dashboard\Application;
use koolreport\appstack\dashboard\AppStack;

class App extends Application
{
    protected function onCreated()
    {
        //Set appstack theme
        $this->theme(
            AppStack::create()
                ->dark(true)
                ->colorScheme("dark")
                ->sidebarPosition("right")
                ->sidebarBehavior("fixed")
                ->layout("boxed")
        ); 
    }
}