sfAdminThemejRollerPlugin - 0.1.1

Admin generator theme based on jQuery UI ThemeRoller

You are currently browsing
the website for symfony 1

Visit the Symfony2 website

« Back to the Plugins Home


Forgot your password?
Create an account



advanced search
Information Readme Releases Changelog Contribute
Show source

sfAdminThemejRoller plugin


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

How to use it

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:

    web_dir:      /sfAdminThemejRollerPlugin # specify your folder where to pick jquery stuff, ui and themes.
    use_jquery:   true # default. use the packaged jquery/UI
    theme:        redmond # default. 
    css_reset:    true # default. reset default css (from Blueprint CSS)

To add icons on your buttons/links you can use those proposed by ThemeRoller and include them in your generator.yml:

        _new: { ui-icon: plus }
        _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'.



  • fix bugs (no kidding ;-)
  • clean up css
  • add new features: show view, print view, export and , live search
  • get git and svn repositories for your great contributions
  • setup a live demo
  • rule the world, do good not evil
  • make it works with Propel (so far it should be very easy since it does not really use ORM yet)