35 replies to this topic

[nikola]

EDIT: Fixed missing top right button (didn't show 'cause I've been using old main.js file...)

EDIT2:

• Fixed font issue, it display now correctly all European characters, cyrillic characters (Russian, Macedonian, Bulgarian, etc.) and also Greek characters (slkwrm, apeisa)
• Fixed sidebar using media query / added scrollbar if window is to narrow (apeisa)
• Downsized page title font a little bit (diogo)
• Reworked page list sort selector (apeisa)

I've made a new admin theme called "Moderna", screenshots are attached below.

For full user experience, download cirkuit.zip (it's TinyMCE theme) and put it into this directory:

/wire/modules/Inputfield/InputfieldTinyMCE/tinymce-3.3.9.2/themes/advanced/skins/

then open InputfieldTinyMCE.js located in /wire/modules/Inputfield/InputfieldTinyMCE/ directory and replace skin: "o2k7" with skin: "cirkuit".

Hope you'll like it...

Attached Files

•  cirkuit.zip   46.28K   309 downloads
•  moderna-admin-template.zip   67.01K   204 downloads
•  moderna-admin-template-v1.1.zip   87.8K   560 downloads

[diogo]

looks great Nikola!! i will try it for sure when i get home!

EDIT: I love the grey and blue combination, but you could have also a pink alternative theme

[slkwrm]

Looking great, but have this issue in Chrome.



Also top Save button is missing. I believe, Ryan posted something about cloning bottom Save button to the top using jQuery. It works in original theme, but seems like doesn't work in yours.

Cheers

[nikola]

I've tested it in Chrome and it looks fine. Did you try to flush your cache?

I've lost the top save button in the process of making the theme, must investigate it, I'll post updated version.

@Diogo: I thought about making the pink alternative theme, it might come in next few days...

[slkwrm]

Yes, I flushed both browser and PW caches. I use Chrome v 14.0.835.202 running on Windows.

It's weird 'cause html code for the menu goes like this:

<ul id="nav">	
			<li><a href="/processwire/page/"></a></li>
			<li><a href="/processwire/setup/"></a></li>
			<li><a href="/processwire/module/" class="active"></a></li>
			<li><a href="/processwire/access/"></a></li>
</ul>

So the text of the links is missing.

[nikola]

The top button is back I haven't used latest main.js file, now everything is back in order. First post updated...

I've attached screenshot - latest Chrome running Moderna theme (exact build as yours), code normally shows text links... weird ...

Anyone else experiencing this issue?

Attached Thumbnails

• 

[apeisa]

Guys, you are releasing too many great admin designs lately - I have big difficulties to decide which one I should settle

This one is super clean and has many very nice details (like view site, up arrow when browsing to bottom). Excellent work nikola, thanks for this theme!

Only few minor issues though:

1) If poor resolution or small window, the left side doesn't work (elements get hidden without scrolling possibility)
2) When moving pages, the placeholder for drop area is too small (easy fix with css)
3) I kind of used to dropdowns and quick access to subpages.. maybe those could be always visible opened with small font on left menu?

No other issues, works great and is definitely one of my favorites!

[apeisa]

One more issue, the font that is used on titles doesn't support äöå characters - leaves those empty.

[nikola]

apeisa,

glad you like it! I'll made suggested modifications tomorrow, makes sense  

Also I'll fix title font, forgot to include other special characters besides Croatian...  

[apeisa]

Great to hear!

Now that I played with this little more, gotta say that I really enjoy the overall polish you have put into this. Very, very nice work. I think it has best pagelist implementation so far - nice balance between effective to use and nice to look at.

Also this fixed top and left side gives this nice "application" feel, at least on bigger screen this is just perfect. Might be good idea to throw in some simple media queries to provide nice 1 column UI for smaller screens also.

By the way: If you use AdminBar and latest commit of it, then you can customize it looks just by adding AdminBarCustom.css to your /modules/AdminBar/ folder. It would be great to see first "AdminBar skin" also

[slkwrm]

One more issue, the font that is used on titles doesn't support äöå characters - leaves those empty.

This is why I get empty titles. I renamed admin pages in Russian, so it seems like they get stripped.

Edit: Ryan, I have a question. PW's default encoding is ANSI. In order to make templete files work with Russian symbols I often have to convert them to UTF-8 without BOM (I use Notepad++). Do you have any strategy about encoding (espesially with the realease of multilanguage back-end support)? I think that using UTF-8 considered now the best practice. I'm not very experienced in this question, but I never had any problems with UTF-8.

[ryan]

Just testing out here, and this is really a beautifully designed theme. It's something completely different and very compelling–love it! Looking forward to spending more time using it.

[diogo]

Already tested it! I'm glad the problem was spotted. On my Chrome, everything is fine.
I like the theme very much, but I confess I liked it more in small on the pictures. For me the typography on the sidebar and on the title is too big (and also the sidebar itself) especially for smaller screens. But really, either than this, the theme is just great!

Despite all the awesome themes, I'm still using Processwire's default. My girlfriend likes it very much

[nikola]

I've made changes as suggested. Hope you'll like it... see the first post.

[ryan]

Nice work Nikola!

[diogo]

It's great Nikola!

one more thing
I think the view on the edit page dialog shouldn't be a tab. It just doesn't feel right to press one tab and leave the page. And now that the save page button is one the top, I think the view page could be maybe a light grey button next to it. What do you think?

[Soma]

Actually that what I thought and experienced with behaviours of co-workers. I actually modified my Teflon admin theme some times ago to make it not a tab visually.

Ohh, great new theme we have here. Nice work nikola! Thanks for sharing.

[ffub]

Thanks nikola, this theme is absolutely stunning!

[apeisa]

Great update! Tried quickly and works as expected.

[Pete]

Very nice theme!

Liking the recent edited pages - I think as time goes on there could possibly end up being enough of these "widgets" that maybe the admin homepage could be a dashboard and not necessarily just the page list. Just a thought