Full UI theme for CakePHP
- Using additional
JS
andCSS
files inmain
layout; - Retrieving list of specific CSS or JS files for action of controller;
- Rendering CakePHP Flash message using
Noty
orBootstrap
; - Rendering styled information on error or exception;
- Creating tour of the application;
- Filter for table data with a group action, data export and printing;
- Pagination controls elements:
- Change the limit of entries on the page;
- Go to the page;
- Load more button (display as list).
- Creation the links:
- with confirmation;
- with the request
AJAX
orPJAX
; - with the
AJAX
request without render result (only Flash message); - with display result in a modal or popup window;
- with progress bar from queue of tasks;
- with disabled state;
- with
Lightbox
gallery.
- Creating forms with tabs, with an progress bar of filling the input;
- Creating forms for AJAX upload files;
- Creating forms inputs:
- select with search and
AJAX
loading list; - date and time picker;
- country flag picker;
- spinner input;
- drop down input;
- checkbox and radio button;
- password input with checking Caps Lock;
- text input with autocomplete, input mask or focus;
- textarea input with autocomplete.
- select with search and
- Creating page header with small menu with typical actions;
- Creating tooltips;
- Creating time ago block;
- Creating a collapsible tree and table with support for moving and drag and drop;
- Create a button for printing page;
- Showing button
Scroll to top
; - AJAX render the block at regular intervals;
- Creating main menu with search input;
- Creating a page footer;
- Checking UI is ready to be displayed.
-
Install the Plugin using composer:
composer require anklimsk/cakephp2-theme
-
Add the next line to the end of the file
app/Config/bootstrap.php
:CakePlugin::load('CakeTheme', ['bootstrap' => true, 'routes' => true]);
-
Copy configuration file from
app/Plugin/CakeTheme/Config/asset_compress.local.ini
toapp/Config/asset_compress.ini
-
Create symlink
ln -sr app/Plugin/CakeTheme/webroot/ app/webroot/cake_theme
-
Generate compiled assets run CakePHP console command
Console/cake asset_compress build_ini