1 Topic by David

  • David
  • Wolf CMS support
  • Offline
  • From: Edinburgh, UK
  • Registered: 2009-07-16
  • Posts: 1,663
  • User Karma: 10

Topic: Side Wolf admin theme

I was inspired by Iva's "Deep Space" admin theme (and helped by some of its code! wink thanks, Iva!) to blow the dust off something I did a bit of work on some time ago. So, tweaked and teased into submission, here is the "Side Wolf" admin theme (click pic for larger, sharper image):

Side Wolf screen shot

There a few things (at least!) you need to know about it: (1) it takes a specially adapted "backend.php" file to work. File and instructions are included with the ZIP (which you can get at the link on the wiki);  (2) It doesn't look so good in IE (is that a surprise?); and (3) it will look really boring if your browser doesn't support "text-shadow" CSS!

Corrections/suggestions welcome here!

Last edited by David (2010-02-09 13:50)

David's Website

Thumbs up

  • From: Leiden, The Netherlands
  • Registered: 2009-07-15
  • Posts: 2,233
  • User Karma: 22

Re: Side Wolf admin theme

What would be nice for this theme is if you could close & open the sidebar on the right and maybe the one on the left as well so you could concentrate on the content in the center pane. Or maybe just do that when you temporarily need more screen real estate.

Wolf CMS founder and lead developer
Please always check the Support forums and Wiki before asking. (My Ohloh account.)
Like Wolf CMS? Consider making a financial contribution.

mvdkleijn's Website

Thumbs up

  • hameau
  • New community member
  • Offline
  • From: France
  • Registered: 2010-12-31
  • Posts: 11

Re: Side Wolf admin theme

I'm using this on 0.7.2 with good results, with the default Wolf backend.php file.

Never having seen it on earlier versions of Wolf, I don't know if it's working correctly (I think some of the left sidebar highlighting is not quite right – not sure) but it's certainly fully usable for me. It makes better use of space on a widescreen monitor.

--
Nick.

Thumbs up

4 Reply by David

  • David
  • Wolf CMS support
  • Offline
  • From: Edinburgh, UK
  • Registered: 2009-07-16
  • Posts: 1,663
  • User Karma: 10

Re: Side Wolf admin theme

hameau wrote:

I'm using this on 0.7.2 with good results, with the default Wolf backend.php file.

Thanks for that report, Nick. I should try it myself!

The only "view" for which the "backend hack" is required is the Admin page itself (to get the tabbed display of "Plugins" and "Settings"). Other than that, it ought to be ok.

But thus encouraged, I'll have a look too! smile

Update: Well, what do you know. Works just fine in 0.7.2 (for me, anyway) with no hacks at all! Good news! I have updated the "readme" file.

Last edited by David (2011-01-05 12:40)

David's Website

Thumbs up

  • From: Edmonton, AB
  • Registered: 2010-12-06
  • Posts: 165

Re: Side Wolf admin theme

David wrote:

Thanks for that report, Nick. I should try it myself!

The only "view" for which the "backend hack" is required is the Admin page itself (to get the tabbed display of "Plugins" and "Settings"). Other than that, it ought to be ok.

But thus encouraged, I'll have a look too! smile

Update: Well, what do you know. Works just fine in 0.7.2 (for me, anyway) with no hacks at all! Good news! I should update the "readme" file.

Yup, I had issues if I tried to use the backend file included with the side wolf theme.  Probably because of changes made into 0.7.2 (I noticed it's still called Administrator, etc instead of admin_view, et al).  I'm working on a backend file for this that will allow you to "minimize" the sidebar and menu tabs on the left and right to maximize the central editing section, as Martijn had suggested above.

I got the hard parts done, now just to work out some bugs.

Cheers,

Tyler

mtylerb's Website

Thumbs up

  • From: Leiden, The Netherlands
  • Registered: 2009-07-15
  • Posts: 2,233
  • User Karma: 22

Re: Side Wolf admin theme

mtylerb wrote:

I'm working on a backend file for this that will allow you to "minimize" the sidebar and menu tabs on the left and right to maximize the central editing section, as Martijn had suggested above.

I got the hard parts done, now just to work out some bugs.

Probably requires some javascript and CSS though I don't expect lots of changes to the backend.php itself? (apart from loading the JS)

Wolf CMS founder and lead developer
Please always check the Support forums and Wiki before asking. (My Ohloh account.)
Like Wolf CMS? Consider making a financial contribution.

mvdkleijn's Website

Thumbs up

  • From: Edmonton, AB
  • Registered: 2010-12-06
  • Posts: 165

Re: Side Wolf admin theme

mvdkleijn wrote:
mtylerb wrote:

I'm working on a backend file for this that will allow you to "minimize" the sidebar and menu tabs on the left and right to maximize the central editing section, as Martijn had suggested above.

I got the hard parts done, now just to work out some bugs.

Probably requires some javascript and CSS though I don't expect lots of changes to the backend.php itself? (apart from loading the JS)

Yup, the CSS and JS are what I'm working on.  I'll have to have a modified backend file, but it shouldn't be too big of a deal.

Cheers,

Tyler

mtylerb's Website

Thumbs up

  • From: Edmonton, AB
  • Registered: 2010-12-06
  • Posts: 165

Re: Side Wolf admin theme

I have it working.  It's not perfect, but I have it so that the left and right panels will disappear and reappear.  You'll need to replace the current backend.php file as is described in the instructions.  You'll need that backend file if you switch back.  The backend file has been hacked to add the Hide/Show buttons and includes the Javascript necessary to operate them.  The buttons will appear up in the top right of the screen by the User name, logout links.  The right panel will disappear if there is no right panel to hide.

You can find it here.  Please let me know if you have any issues with any specific browsers.  I only have Firefox 3.x and 4.0b8 to test with.

Please note that this admin theme requires Wolf CMS 0.7.2+, as the filename suggests.

EDIT: As a side thought, you could use the sidewolf_backend.php file for all your themes, you'll just have the extra two links at the top of the page.  Using them will make the plugin tabs at the top of the page disappear and reappear and the sidebars will disappear and reappear the same as if you were in sidewolf theme.

Some Screen Caps:

Normal:
http://www.tbeckett.net/public/downloads/themes/side_wolf/normal.png

Left Gone:
http://www.tbeckett.net/public/downloads/themes/side_wolf/leftgone.png

Right Gone:
http://www.tbeckett.net/public/downloads/themes/side_wolf/rightgone.png

Both Gone:
http://www.tbeckett.net/public/downloads/themes/side_wolf/bothgone.png

Last edited by mtylerb (2011-01-06 00:36)

Cheers,

Tyler

mtylerb's Website

Thumbs up

9 Reply by David

  • David
  • Wolf CMS support
  • Offline
  • From: Edinburgh, UK
  • Registered: 2009-07-16
  • Posts: 1,663
  • User Karma: 10

Re: Side Wolf admin theme

mtylerb wrote:

EDIT: As a side thought, you could use the sidewolf_backend.php file for all your themes, you'll just have the extra two links at the top of the page.  ...

It works! What larks![1] Actually, the code is pretty smart. You only get the "Hide/Show" link if there is something to be hidden or shown! Of course, the "left" panel in a "normal" admin is the tab bar.

This is very cool smile Thanks, Tyler! While we await the admin overhaul, this brings some joy in the meantime!

[1] Small literary allusion.

David's Website

Thumbs up

  • From: Edmonton, AB
  • Registered: 2010-12-06
  • Posts: 165

Re: Side Wolf admin theme

David wrote:
mtylerb wrote:

EDIT: As a side thought, you could use the sidewolf_backend.php file for all your themes, you'll just have the extra two links at the top of the page.  ...

It works! What larks![1] Actually, the code is pretty smart. You only get the "Hide/Show" link if there is something to be hidden or shown! Of course, the "left" panel in a "normal" admin is the tab bar.

This is very cool smile Thanks, Tyler! While we await the admin overhaul, this brings some joy in the meantime!

[1] Small literary allusion.

Lol, thanks David.  I set the link to show only if Sidebar is set.  The only issue here, is that when editing a snippet, Sidebar is still set.  I'm still working on trying to figure a variable that would only be set in the snipet, etc.  Actually, I just got an idea.  I'll let you know if it works.

Cheers,

Tyler

mtylerb's Website

Thumbs up

11 Reply by David

  • David
  • Wolf CMS support
  • Offline
  • From: Edinburgh, UK
  • Registered: 2009-07-16
  • Posts: 1,663
  • User Karma: 10

Re: Side Wolf admin theme

Nifty. And, for my £0.02, it might even be worth shortening the link text on the toggle: "Hide Right"/"Show Right" (etc.) would do for me!

David's Website

Thumbs up

  • From: Edmonton, AB
  • Registered: 2010-12-06
  • Posts: 165

Re: Side Wolf admin theme

David wrote:

Nifty. And, for my £0.02, it might even be worth shortening the link text on the toggle: "Hide Right"/"Show Right" (etc.) would do for me!

Done and Done.  I fixed it so that layouts and snippets will no longer show the right link when editing, as there's no sidebar to squish.  big_smile

It works great.  It'll keep me happy until the admin gets overhauled, at least.

EDIT: Keep in mind that this is a "Per Page" setting.  Clicking on a new page will bring the panels back, but at least you can expand your editing area a bit while you need it.

Last edited by mtylerb (2011-01-06 11:20)

Cheers,

Tyler

mtylerb's Website

Thumbs up