Question

I’ve got an app that’s using JQueryMobile and it’s using the awesome ActiveAdmin extensively as well. While I love the ease and simplicity of the ActiveAdmin interface, I’d really like consistency with the rest of my app.

Is it possible (i.e. using standard ActiveAdmin and not modifying its sources) to re-skin ActiveAdmin to use the JQuery-Mobile look and feel?

Answer 1

Its very possible to reskin ActiveAdmin, though it would be a bit of a job to do, and there would likely be quite a number of things that can’t perfectly be built to match a mobile presentation, especially if you don’t want to get into overriding markup rendering.

You can always simply start adding styles of your own to the active_admin.css file that is generated for you. If you’d like to start without any of ActiveAdmin’s styles at all, you can comment out the two sass imports in that css file:

@import "active_admin/mixins";
@import "active_admin/base";

Or at least just the base file. It may be intriguing to you in itself, or informative about the organization of the markup, to view your current admin pages without the base css, or with css turned off in your browser altogether. From that vantage point, you could begin to think through how the bare markup could be restyled to match a mobile presentation.