[cheesypoof]

External scripts block parallel downloading and delay HTML parsing. Loading them at the end of the body also allows images to be requested first.

window.onload triggers last in the sequence of events during page load - after images have loaded. You often don't need to wait that long, DOM ready is sufficient.

You are right about initializing the COUCH elements - that should optimally be performed on DOM ready.

Yes, thanks, I see...
Personally I prefer another approach - making Admin Panel AJAX based with callback-applied elements for framework.
I tried making Local Storage-based apps, but they are less reliable than old Ajax..
As an idea - I used plugin called finderSelect (http://evulse.github.io/finderSelect/) and think it would suite nicely to bulk select items.

OI has some kind of less recognizable look than FA. It's not good for UX as I think, but makes Couch Admin panel look unique and better designed. So I vote for OI.
@Musman

To me, UX is the purpose of the design. I prefer the Font Awesome icon set. In a glance, those icons are more immediately meaningful to me. OI struck me as visually noisy. I had to stare and try to decipher their meaning.

I also want to report that the pages load a little big for the screen on Android phones. Once you resize them they look good. I've seen this issue on a lot of webpages, including my own, and I wish I knew what was causing it. I think it relates to the viewport metatag, but I don't know how to fix it.

These screenshots are in Firefox, but Chrome is the same.

Tim

[cheesypoof]

Thanks for the feedback Tim.

Open Iconic strictly adheres to a grid to make the icons more scalable; it's also obviously integral to the style of the icon set. This does mean though that the designs are simplified and lack the finer details that make the Font Awesome icons more immediately recognizable (as you said). I'm hoping that this can be overcome by the user after a relatively short amount of use (the tooltips should help too). With that said, I still would like to allow you to choose which icon set to use, either through a config option or a download on the forum; I'll have to see what @KK is thinking.

Yes, that width issue is related to the viewport setting. In this case I am using:

Code: Select all

<meta content="width=device-width, initial-scale=1, minimal-ui" name="viewport"/>

The device-width of your phone must be 360px (in portrait?). I have set a min-width of 505px on the body. I can't quite recall at the moment why I stopped at 505px, but I plan to increase the responsiveness to 480px. That change should allow just about all modern smartphones to view the page in landscape mode without any need for scaling or horizontal scrolling.

Update: min-width has been reduced to 480px

Hi Cheesypoof!

In this new version of admin panel, can we customize the look? I mean, theres many admin panel template outside there, and we can determine the field use couch tag.

Thx!

[KK]

Forgive me for jumping in but may I answer this question instead?

In this new version of admin panel, can we customize the look? I mean, theres many admin panel template outside there, and we can determine the field use couch tag.

Yes, the admin-panel would be (hopefully) completely customizable - right from making tweaks to CSS to altering the generated markup for every screen.

Forgive me for jumping in but may I answer this question instead?

In this new version of admin panel, can we customize the look? I mean, theres many admin panel template outside there, and we can determine the field use couch tag.

Yes, the admin-panel would be (hopefully) completely customizable - right from making tweaks to CSS to altering the generated markup for every screen.

Wow that must be nice!
Thx for letting me know about that KK!

Is this still in the works? Looks like its being worked on for a long time, just wondering if we still get to look forward to this?

There is a very simple grid system that works on the 1140px 12 col concept. easy to implement. As I saw the snapshot of the phone screen, hence mentioning this... This might be helpful to create a more controlled responsive admin panel in CouchCMS. Please see if you it is helpful, just a suggestion.

The grid can be found at:
http://thisisdallas.github.io/Simple-Grid/

To see if the grid can be useful, please navigate to the following sites, that are implementing it already in the front end and switch to the responsive view (In Mozilla Firefox 33.0 or above) by using the keys combination: Ctrl + Shift + M

Site List:
1. http://www.clickmeindia.com
2. http://www.csdrealty.in/

@cheesypoof - just came across these icons https://www.google.com/design/icons/ - quite like them.