The sfAdminThemejRollerPlugin
packages a new admin generator theme based on jQuery UI ThemeRoller (http://jqueryui.com/themeroller/).
This plugin allows to change the default admin generator theme to one based on the theme roller from jQuery UI team. It is very convenient to change themes and keep UI consistency all around or even create your own theme. This admin generator theme is only targeting the actual element of the admin generator (table, forms...), it does not modify your overall layout.
Here are some screenshots: Table list and themes | Filters and action menu | Form
1.Download and install the plugin
./symfony plugin:install sfAdminThemejRollerPlugin --stability=beta
2.Clear the cache
./symfony cc
3.Publish the plugin's assets:
./symfony plugin:publish-assets
Generate an admin generator:
./symfony --theme=jroller doctrine:generate-admin
OR if you already have an admin generator, you can simply change the theme inside your generator.yml
theme: jroller
In any case don't forget the traditional:
./symfony cc
That's it! You are ready to use your new admin generator face.
You can use your own jQuery/jQueryUI and your own theme (based on ThemeRoller) and configure all this inside your app.yml:
sf_admin_theme_jroller_plugin:
web_dir: /sfAdminThemejRollerPlugin # specify your folder where to pick jquery and jquery UI.
use_jquery: true # default. use the packaged jquery/UI
theme_dir: /sfAdminThemejRollerPlugin # default. change the theme directory
theme: redmond # default.
css_reset: true # default. reset default css (from Blueprint CSS)
Note:
To add icons on your buttons/links you can use those proposed by ThemeRoller and include them in your generator.yml:
actions:
_new: { ui-icon: plus }
object_actions:
_edit: { ui-icon: pencil }
Note: you only need to use the specific part of each icon name, not the all name, e.g. for 'ui-icon-plus' you only type 'plus'.
This plugin add as well some new features. Currently available:
param:
theme: jroller
extra: [show, print, export]
Note: currently only the show extra feature is available.
In your generator.yml file you can now add at the same level of 'list', 'edit' and so on, the following:
config:
list: ~
show:
title: ...
display: ...
actions: ...