module for a jelix application providing an admin interface made with the AdminLte theme. Other theme can be made
This is a module for Jelix, providing an interface for an administration application. It uses the AdminLTE theme 3.2.0, and is entirely customizable through APIs.
You can easily add content into the sidebar, the navbar or the dashboard, without manipulating HTML.
The module provide also widgets for jForms, that generate HTML for Bootstrap and CSS of AdminLTE.
This module is for Jelix 1.7.9 and higher.
The best method is to use Composer.
In a commande line inside your project, execute:
composer require "jelix/adminui-module"
Launch the configurator for your application to enable the module
php dev.php module:configure adminui
It will asks you how to install web assets (JS and CSS files):
- by copying them into the www directory of your application,
- or by doing nothing if you setup into your web server configuration, an alias named
The configurator will create also some parameters into your application configuration:
- it defines the jelix theme to
- it redefines the default html and htmlerror response
- it setup web assets
You can change some configuration parameters into the
[adminui] ; the version of your application, appearing at the bottom bar appVersion=1.2.3 ; the logo of your application htmlLogo="<b>Admin</b>UI" ; the logo of your application when the left sidebar is minimized htmlLogoMini="<b>A</b>UI" ; the copyright informations, appearing at the bottom bar htmlCopyright="<strong>Copyright © 2022 <a href="https://jelix.org">Jelix</a>.</strong> MIT licence." ; the template used to display the dashboard. If empty, the dashboard may be empty dashboardTemplate="test~dashboard"
You should also setup the url of the dashboard into
yourapp/app/system/urls.xml like this:
<url pathinfo="/" module="adminui" action="default:index"/>
Here the dashboard is at the root of the web site, but you can setup any URL.
After configuring the module, you should launch the installer to activate the module:
An application has been made into the test directory. See its README.md to launch it.
It contains many examples. Don't hesitate to read the code.