Jump to content

Release: Compliance Admin Theme


adamspruijt
 Share

Recommended Posts

My second Admin Theme! Wow!

I went for a more "App-like" style this time, I find this type of design can help a great deal with usability and some clients just really prefer it.

Now the important part, screenshots!

THEME - DOWNLOAD

Login

post-778-0-59772200-1357866196.png

Page List

post-778-0-40413400-1357866198.png

Edit Page

post-778-0-68977800-1357866195.png

Page Item Move

post-778-0-57116400-1357866197.png

I've also attached a custom theme for TinyMCE install:

compliance.zip

  • copy to {your_site}/wire/modules/Inputfield/InputfieldTinyMCE/tinymce-3.4.7/themes/advanced/skins
  • change the "skin" setting in {your_site}/wire/modules/Inputfield/InputfieldTinyMCE/InputfieldTinyMCE.js from "o2k7" to "compliance"

ALSO put together an AdminBar mod to match, that include a search field to search entries on the back end, just because I wanted to see how that would feel.

AdminBar.zip

THEME - DOWNLOAD

UPDATE 1.0.1 - Pushed some fixes for modal styling

UPDATE 1.0.2 - Big improvements to Internet Explorer compatibility.

NOTE:

Relies heavily on CSS3, only tested in Chrome so far. Will be updating frequently will new feature and fixes, I just couldn't wait any longer to release it!

post-778-0-68977800-1357866195_thumb.png

post-778-0-59772200-1357866196_thumb.png

post-778-0-57116400-1357866197_thumb.png

post-778-0-40413400-1357866198_thumb.png

  • Like 11
Link to comment
Share on other sites

This is really nice. Great Work. I am gonna test this out ASAP. All these great themes are inspiring me to stop sitting on my hands and do one of my own ;)

I keep threatening to do one too but haven't found time yet... which is silly as I think it would take me less time than I spent on theming the forums!

  • Like 2
Link to comment
Share on other sites

  • 2 weeks later...

I've been using this wonderful theme for a few days, and I've run into one minor issue: the date/time picker needs some restyling as the buttons and sliders are invisible.

Here's a screenshot comparing the picker with the default admin theme and this theme:

post-192-0-45621600-1358877585_thumb.png

Link to comment
Share on other sites

I've been using this wonderful theme for a few days, and I've run into one minor issue: the date/time picker needs some restyling as the buttons and sliders are invisible.

Here's a screenshot comparing the picker with the default admin theme and this theme:

Great thanks for that, I don't use the time option on the date field often, I think when I get home I'm going to make a big FAT processwire install with everything enabled. I put together a quick fix for now, will improve later, but it is certainly usable for now.

Link to comment
Share on other sites

This is a great admin theme adamspruijt, thank you. It's beautifully clean and uncluttered.

I do see one slight issue with it on page select fields however. The 'Parent of selectable pages' doesn't provide a select field and instead asks for an id to be input.

I have attached screenshots below of the issue comparing it to the default pw admin theme:

post-292-0-00680300-1359114225_thumb.pngpost-292-0-16908200-1359114226_thumb.png

Link to comment
Share on other sites

I do see one slight issue with it on page select fields however. The 'Parent of selectable pages' doesn't provide a select field and instead asks for an id to be input.

That means most likely a javascript error is occurring somewhere on that page. If you open your javascript console, do you see any error messages?

Link to comment
Share on other sites

That means most likely a javascript error is occurring somewhere on that page. If you open your javascript console, do you see any error messages?

Yes, I am seeing an error in the Chrome console:

Uncaught TypeError: Object [object Object] has no method 'tooltip' - on main.js line 29 (ProcessWire 2.2.9

setupTooltips: function() {
   $("a.tooltip").tooltip({
Link to comment
Share on other sites

tooltip() is a method from jQuery UI. There would be the possibility that it wasn't included on PWs UI download, but I just tested it on the console on the default theme and, and it was recognized...

Link to comment
Share on other sites

tooltip() is a method from jQuery UI. There would be the possibility that it wasn't included on PWs UI download, but I just tested it on the console on the default theme and, and it was recognized...

I only seem to get the error with the Compliance theme. jQuery UI version 1.8.14 is being loaded (and properly before main.js).

With the default ProcessWire theme no errors are thrown at all.

Link to comment
Share on other sites

  • 2 weeks later...

Fantastic theme; I was reluctant to give it a try, but I'm glad I did.

I am not really sure whether this is issue of backwards compatibility, or forward compatibility, but there seems to be issue with WireTabs. They sport a FOUC fix, where every inputfield is hidden, until document.ready removes class 'fouc_fix' and everything is visible, and your theme doesn't have the remove trigger. I'm talking about this line: https://github.com/ryancramerdesign/ProcessWire/blob/master/wire/templates-admin/scripts/main.js#L54

I'm not sure how you could release this without it (mainly because I don't see any UI at all, just big grey rectangle), but I'd like to know whether this is something local, or does happen for anyone else.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By prestoav
      Hi all,
      I've noticed that, when creating new users for clients, the chosen admin theme is not saved. For example, I create a new user select Reno or UIKit as the theme at point of creation and save. When logging in that user for the first time the admin theme is back to default. Changing it again and saving corrects this.

      Anyone else noticed this or is it a known bug at the moment?

      CMS V 3.0.156.

      Thanks!
    • By schwarzdesign
      We're currently working on a few sites that have some users with very limited access; most importantly, some users can only edit their own profile and nothing else in the backend. We're using AdminThemeUiKit, so the CMS navbar only contains the site logo and the username for those users. The problem is that the crucial "View site" link that gets you back to the frontend is hidden in the dropdown behind the username. This isn't immediately obvious (and TBH it does feel out of place there, even when you know it's there).
      I'm looking for ways to make the "back to site" link more visible – and I also think this is worth a discussion for AdminThemeUiKit in general. Here's what I have considered:
      Ideally, clicking the logo would take you back to the frontend (currently, you just get a blank page with nothing but an 'edit profile' button). I checked the settings, but the Uikit theme only has options to open the site tree or open a side navigation. Maybe a new option to go back to the frontend could be added? Or maybe the method that gets the logo link should be made hookable, so I could retain the default behaviour for editors, but change the link for users with limited access. An additional link in the menu would also work. But the only way I can think of to add this would be a Process module that just redirects to the homepage. But that's a bit overcomplicated, and I would like to do this without the additional redirect. Of course, copying the theme and modifying it manually or inserting a prominent link with JavaScript would work, but both options are sort of hacky and require some upkeep. Is there a better way? Have you come across this problem yet, and how did you solve it? I'm looking forward to suggestions!
    • By louisstephens
      I was attempting to export some fields from my dev branch to move them over to a live site when I got the following error:

      Has anyone experienced this before? I was thinking I could just write a script using the api to create the fields, but there are about 44 fields (2 are repeater matrix) that are all slightly unique. If anyone has experienced this, what was your work around?
    • By theoretic
      Hi there! And thanks for Processwire which i like very much.
      Got a problem while trying to update from 3.0.65 (with admin theme UIkit ) to 3.0.78 . Tried to do it both via ProcessWireUpgrade module and by copying/replacing the files and dirs manually. In every case i got the problem with UIKit admin theme. The first try to reload any admin page after update gives the following errors:
      Notice: Undefined variable: adminTheme in D:\work\sites\home\sea.dev\webroot\site\modules\AdminThemeUikit\init.php on line 121 Fatal error: Call to a member function get() on null in D:\work\sites\home\sea.dev\webroot\site\modules\AdminThemeUikit\init.php on line 121 It is officially recommended to reload the page several times after update to get the admin interface functional again, but it's not my case. The problem still persists. It's obvious that $adminTheme is not initialized. Reverting back to /wire dir of version 3.0.65 removes the problem. Switching to default admin theme and then updating to 3.0.78 makes the admin interface fully functional -- but switching to UIKit admin theme leads to the error again.
      Will appreciate any help. Thanks in advance!
    • By Mustafa-Online
      How To Show User Actual Name Insteal of "user-name" .. I'm Using "AdminThemeReno" here.
      .

×
×
  • Create New...