CakePHP Gentelella Theme

Gentelella Theme Demo

You can view the Demo of Gentelella Theme here: https://colorlib.com/polygon/gentelella/index.html

Installation

You can install using composer.

composer require backstageel/cakephp-gentelella-theme

Enable Plugin

// config/bootstrap.php

Plugin::load('Gentelella', ['bootstrap' => true, 'routes' => true]);

Enable theme

// src/Controller/AppController.php

public function beforeRender(Event $event)
{
    $this->viewBuilder()->theme('Gentelella');
}

Using Bootstrap UI Plugin

This Theme Uses the BootstrapUI Plugin for CakePHP to create Bootstrap Forms. The Plugin will be installed automatically if you use composer.

Follow BootstrapUI settings to configure other aspects of the Plugin.

https://github.com/FriendsOfCake/bootstrap-ui

Configure

// src/Controller/AppController.php
use Cake\Core\Configure;

public function beforeRender(Event $event)
{
    // ...
    $this->set('theme', Configure::read('Theme'));
}

// To customize configuration paste it at end of file config/bootstrap.php

Configure::write('Theme', [
    'title' => 'Gentelella',
    'logo' => [
        'mini' => '<b>G</b>T',
        'large' => '<b>Gentelella</b>Theme'
    ],
    'login' => [
        'show_remember' => true,
        'show_register' => true,
        'show_social' => true
    ]
]);

Symlink Assets

Don't forget to Symlink Assets to improve performance

bin/cake plugin assets symlink

Customize Layout

Replace the files according to the image.

1. src/Template/Element/nav-top.ctp
2. src/Template/Element/aside-main-sidebar.ctp
3. src/Template/Element/aside/user-panel.ctp
4. src/Template/Element/aside/form.ctp
5. src/Template/Element/aside/sidebar-menu.ctp
6. src/Template/Element/aside-control-sidebar.ctp
7. src/Template/Element/footer.ctp

Page debug

Added link to default page of CakePHP.

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

3rd party

switchery v0.8.2

iOS 7 style switches for your checkboxes http://abpetkov.github.io/switchery

CDN https://cdnjs.com/libraries/switchery

• https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js
• https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css

Cropper.js v1.5.12

JavaScript image cropper.

https://fengyuanchen.github.io/cropperjs/

CDN https://cdnjs.com/libraries/cropperjs

• https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js
• https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css

jquery-cropper v1.0.1

A jQuery plugin wrapper for Cropper.js. https://fengyuanchen.github.io/jquery-cropper/

CDN https://cdnjs.com/libraries/jquery-cropper/1.0.1

• https://cdnjs.cloudflare.com/ajax/libs/jquery-cropper/1.0.1/jquery-cropper.min.js

jQuery Hotkeys v0.2.0

a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination.

https://github.com/jeresig/jquery.hotkeys

CDN https://cdnjs.com/libraries/jquery.hotkeys

• https://cdnjs.cloudflare.com/ajax/libs/jquery.hotkeys/0.2.0/jquery.hotkeys.min.js

bootstrap-wysiwyg v1.0.4

A tiny Bootstrap and jQuery based WYSIWYG rich text editor. https://steveathon.github.io/bootstrap-wysiwyg/

CDN https://www.jsdelivr.com/package/npm/bootstrap-wysiwyg

• https://cdn.jsdelivr.net/npm/bootstrap-wysiwyg@1.0.4/js/bootstrap-wysiwyg.min.js

JavaScript code prettifier @master

An embeddable script that makes source-code snippets in HTML prettier. Read Getting Started to configure that URL with options

https://github.com/googlearchive/code-prettify

CDN https://cdn.jsdelivr.net/gh/google/code-prettify@master/

• https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js

jQuery Hotkeys v0.2.2

A plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination.

CDN https://www.jsdelivr.com/package/npm/jquery-hotkeys

• https://cdn.jsdelivr.net/npm/jquery-hotkeys@0.2.2/jquery-hotkeys.min.js