adamspruijt

Release: Unify Admin Theme

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

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Thanks Adam, looks good.

Glad to see a sub menu of Setup, anything that saves me a click...!

That caught my attention as well :)

Share this post


Link to post
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. 

Share this post


Link to post
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. 

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

.....I like it so much you have me thinking this should be the default output. 

+1

  • Like 1

Share this post


Link to post
Share on other sites

Hi,

I get this screen during language translation. Is it normal?

post-1566-0-58298600-1374865733_thumb.jp

Thanks.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
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)..?

Share this post


Link to post
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

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

SOOO sorry about that Alxdre' I recently pushed compatibility fixes for Unify with the 2.3.5 dev version of PW and it seems I missed this error coming up with the current master. I pushed a quick fix.

  • Like 1

Share this post


Link to post
Share on other sites

Works fine now! Thanks for the quick fix. :)

Also, found another bug in the login screen on your latest update on both latest chrome and ff. The fields are off by a few pixels to the right.

post-626-0-62816800-1383895222_thumb.png

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Doesn't work! I did copied `templates-admin` folder to `site` root folder. What should i do next?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

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

    • By fbg13
      I made a new color style for the default theme PW 3.0.25.
      I just copied the default theme's folder to site/modules, changed Default to DefaultExtra so it doesn't conflict with the default one and added an extra css file.To install unzip archive to site/modules, go to modules page, hit refresh, install theme, choose style (Clear Sky), go to profile and activate DefaultExtra.
      AdminThemeDefaultExtra.zip


    • By blad
      Hi everyone  
       
      I´m creating an AdminTheme based on Semantic UI framework. Here is the beta version. I 'm fixing bugs.
       
       
      Github here

       
      Changelog:
      0.0.1 --- Fixed background color / image.








    • By mrkhan
      Hello
      i am using PW in Multi site using "symlink" website is working fine.
      for admin panel i am using custom theme  and i have "templates-admin" folder in site folder too.
      but when i login to admin panel i can't see any pages. like attached screen shoot.
      but if i remove the  "symlink" folder and put actual "wire" directory in website every thing works fine.
      how to fix this issue as i want to have one "wire" directory for all my sites in PW for future updating purpose.
      Thanks