Jump to content

Release: Unify Admin Theme


adamspruijt
 Share

Recommended Posts

A little something I've been working on for a while now. I decided I wanted to created a theme that felt like a natural fit for ProcessWire; light, clean, efficient and straight forward. So I took to using what I had learned from the themes I had created in the past, took some vigorous inspiration from the new website and got to work. And this is what I've created... so far of course ;)

Unify Admin Theme

DOWNLOAD

*****    Updated for compatibility with current dev 2.3.5.   *****

Login Page ---------------------------------

post-778-0-50482300-1371958655.png

PageList ----------------------------------------

post-778-0-44474800-1371958656.png

PageEdit -------------------------------------

post-778-0-70048200-1371958648.png

Image Insert Dialog -----------------------------

post-778-0-77803100-1371958653.png

Subnav Dropdown ------------------------------------

post-778-0-30951400-1371958647.png

Features

  • subnav dropdown menu
  • gravatar user profile images
  • CollagePlus image insert layout
  • customized CKeditor theme (minor tweaks, but it really fits in nicer)

Enjoy! I will continue to tweak and perfect this theme so be sure to let me know if you have any issues or suggestions. I would consider this a beta for now as I've done little to no cross browser testing.

Thanks!

post-778-0-34869500-1371957892_thumb.png

post-778-0-44434800-1371957896_thumb.png

post-778-0-35171600-1371957897_thumb.png

post-778-0-30951400-1371958647_thumb.png

post-778-0-70048200-1371958648_thumb.png

post-778-0-77803100-1371958653_thumb.png

post-778-0-50482300-1371958655_thumb.png

post-778-0-44474800-1371958656_thumb.png

  • Like 17
Link to comment
Share on other sites

Hi Adam,

great! I have just downloaded and installed it on a local site. And it feels very well.

Thank's for sharing it.

^-^

I have noticed a little issue:

Notice: Undefined variable: nav in W:\WEB_MIRRORS\_ProcessWire\pw3d_BETA3\htdocs\site\templates-admin\topnav.inc on line 7

and a missed, (but not needed file I think)

Warning: include(_gravatar.inc) [function.include]: failed to open stream: No such file or directory in W:\WEB_MIRRORS\_ProcessWire\pw3d_BETA3\htdocs\site\templates-admin\default.php on line 113
Link to comment
Share on other sites

  • 2 weeks later...

@adamspruijt: How are you making that grid of images like that seen in the "select image" screenshot? I did try to check myself, but am not seeing the grid here locally. 

Link to comment
Share on other sites

@adamspruijt: How are you making that grid of images like that seen in the "select image" screenshot? I did try to check myself, but am not seeing the grid here locally. 

It's handled by the collagePlus plugin, are you saying that its not showing up like that at all? I just pushed an update so that the theme uses the latest version of collagePlus, maybe you were running into compatibility issues? Let me know. 

Link to comment
Share on other sites

I'm not sure why it wasn't working in my case, but will try again. Good to know how the capability is provided (collagePlus), I like it so much you have me thinking this should be the default output. 

  • Like 9
Link to comment
Share on other sites

  • 2 weeks later...
  • 1 month later...

Hi Adam,

love your theme. Think, this can be the new PW default theme.

Found some points to check/fix (for translations) in default.php (compared with default.php in /wire/templates-admin/)

line 11

<html lang="<?php echo __('en', __FILE__); // HTML tag lang attribute
	/* this intentionally on a separate line */ ?>"><head>

line 15

<title><?php echo __(strip_tags($page->get("browser_title|headline|title|name")), __FILE__); ?> › ProcessWire</title>

line77

<h1><?php echo __(strip_tags($this->fuel->processHeadline ? $this->fuel->processHeadline : $page->get("title|name")), __FILE__); ?></h1>

line 87

$title = __($breadcrumb->title, __FILE__);

line 91

<li class="fright"><a target="_blank" id="view-site" href="<?php echo $config->urls->root; ?>"><?php echo __('Site', __FILE__); ?></a></li>

line 115

<?php $edit = __('profile', __FILE__); ?>

but I don't find the menu drop-downs?

Also a little bit strange: with the fixes from above the h1 and breadcrumb work like expected under /Setup/ (Fields --> translated to Felder). Under /Access/ Users, Roles, Permissions will not be translated in the h1 and in the breadcrumb.

Link to comment
Share on other sites

Also a little bit strange: with the fixes from above the h1 and breadcrumb work like expected under /Setup/ (Fields --> translated to Felder). Under /Access/ Users, Roles, Permissions will not be translated in the h1 and in the breadcrumb.

This we can fix in the /wire/templates-admin/default.php. That's no theme topic.

One more fix to do in Unify theme: the 'Translate New File' link is invisible. At least needs some height (and the other theme styles)

ul.LanguageFilesActions {
	height: 50px; /* example height */
}

the last thing to find are the menu-dropdowns (for translations)..?

Link to comment
Share on other sites

This we can fix in the /wire/templates-admin/default.php. That's no theme topic.

One more fix to do in Unify theme: the 'Translate New File' link is invisible. At least needs some height (and the other theme styles)

ul.LanguageFilesActions {
	height: 50px; /* example height */
}

the last thing to find are the menu-dropdowns (for translations)..?

Pushed partial compatibility with 2.3.4, almost finished, also addressed most of your concerns I think. Thanks Manfred.

EDIT: Should be fully compatible now with some additional improvements.

  • Like 2
Link to comment
Share on other sites

Hi Adam,

tested it. But the 'transate new file' link still isn't visible?

for translated menu dropdown (class=subnav) I changed this:

$nav .=	"\n\t\t\t\t<ul class='subnav'>";
foreach ($p->children as $c) {
	$subclass = strpos($page->path, $c->path) === 0 ? " class='on'" : '';
	$title = strip_tags((string)$c->get('title|name')); 
	$title = __($title, dirname(__FILE__) . '/default.php');
	$nav .=	"\n\t\t\t\t<li><a href='{$c->url}'{$subclass}>$title</a></li>";
}
$nav .=	"\n\t\t\t\t</ul>";

Works so far, but strange.. the entry 'Fields' is not translated?? For example 'Languages' is translated. Hmm, did I oversee something?

In the Teflon2 theme all is translated.

Link to comment
Share on other sites

  • 1 month later...
  • 3 weeks later...

I've been playing with this theme and it looks really great. Although, I found that the caption bars are not working in my case. They are small and are not clickable.

Has anybody else encountered this? Or just me? I'm running the latest master and with nothing else changed.

 

post-626-0-41494100-1383640599_thumb.png

Link to comment
Share on other sites

  • 4 weeks later...

I wanted to test out your theme... I think I found a bug...

When cloning a page I get following error:

Unrecognized path

otherwise it looks nice :-)

----------------------------

Edit: ignore this, it seems it has nothing to do with the theme... sorry.

----------------------------

Greetings

Link to comment
Share on other sites

  • 5 months later...

madalin,

PW 2.4 manages themes a little differently. Unfortunately most (all?) of the third party themes have not been updated yet.

Here are some instructions on how to get it to work:

https://processwire.com/talk/topic/4650-new-processwire-admin-theme-on-dev-branch/?p=53671

However honestly I think you are better off sticking with the default theme at the moment - there is a lot of new functionality in there that the old themes don't support. I also know that there is a second 2.4 specific theme just around the corner, and I am sure more will follow.

  • Like 8
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...