General ⇒ DVCS Info (Mercurial/CVS) ⇒ New admin (menu) style ⇒ Community Forums ⇒ CPG Dragonfly™ CMS
Forum IndexDVCS Info (Mercurial/CVS)

New admin (menu) style Reply to topic

Go to page 1, 2, 3 Next

Hey all,

when you use the latest source i've added a "new style" to the Admin -> Members page.

Please answer the following questions (using default theme):
  1. You like the new graphical menu at the top?
  2. You like the new tabs based members information?
  3. You like that the mouse scroll wheel works on tabs?
Attachment: admin-users.png
Description New admin users using tabs
Filesize 17.49 KiB
Viewed 50 Time(s)
You are not allowed to view/download this attachment
Attachment: admin-new-menu.png
Description New admin menu unfolded
Filesize 24.60 KiB
Viewed 32 Time(s)
You are not allowed to view/download this attachment

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial

Last edited by DJ Maze on Fri Jan 30, 2015 4:10 pm; edited 1 time in total


Added screenshots if you don't have access to a mercurial repo

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial


YES - You like the new graphical menu at the top?
YES - You like the new tabs based members information?
? - You like that the mouse scroll wheel works on tabs?

Dragonfly 9.4 Running on PHP 7.x + MariaDB

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
PHP Version 7.0.6 + MariaDB + Dragonfly 9.4 Modified


bulldog500 wrote
? - You like that the mouse scroll wheel works on tabs?

When you user GNU/Linux + KDE (or Geany IDE) instead of Windows OS.
Scrolling the mouse wheel down shows the next tab.
When scrolling up it shows the previous tab.
This way you don't have to "click" on a tab to open it.

I've noticed i use this feature in KDE a lot to switch between tabs.
So i've decided to also implement it on websites.

If you use Windows OS you probably don't understand what i mean.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial


- You like the new graphical menu at the top?
YES
- You like the new tabs based members information?
YES
- You like that the mouse scroll wheel works on tabs?
YES

I should start testing the new CVS.

www.greenday2k.net

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):


YES
yes
and
Yes again

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Multiple Setups


Based on the images: Yes *3

The tab scrolling is only when mouse is over the tabs row?

Hopefully there will be a config option to have eg Members Info tabs without the icons, just text?

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Thanks for all the "YES" answers Smile

layingback wrote
The tab scrolling is only when mouse is over the tabs row?

Yes

layingback wrote
Hopefully there will be a config option to have eg Members Info tabs without the icons, just text?

Good idea!
But the top menu is a replacement for current css menu, wouldn't the normal css menu look/fit better then?

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial


The replacement of the css menu with the tabs is super great.

QUESTION:

Can the tabs scroll left or right to allow for more tabs.
Or are the limited to just those shown?

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
PHP Version 7.0.6 + MariaDB + Dragonfly 9.4 Modified


bulldog500 wrote
Can the tabs scroll left or right to allow for more tabs.
Or are the limited to just those shown?

Currently you can have as many tabs as you want.
However, they will wrap and look bad if it doesn't fit in the current width. This is a HTML issue that could be solved with JavaScript (which i didn't as of yet).

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial


Pushed to mercurial as a new forced admin theme.
Update to branch "v10 admin theme" to test it out
code.google.com/p/drag...dmin+theme

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial


DJ Maze wrote
Thanks for all the "YES" answers Smile

layingback wrote
The tab scrolling is only when mouse is over the tabs row?

Yes

layingback wrote
Hopefully there will be a config option to have eg Members Info tabs without the icons, just text?

Good idea!
But the top menu is a replacement for current css menu, wouldn't the normal css menu look/fit better then?


Oh ... I'd assumed that this was a replacement for the graphical menu - or a 4th option. If it is to replace the Admin CSS then can I change my YES to a No please? Wink

I use CSS menu exclusively on all my sites for 1 simple reason: space.

There is always some sort of menu on the user side, so I know that the admin menu will have somewhere to go, and will not make the top of the page any longer (vertically). If this tab menu is going under the header, then the graphical menu, plus the non-DF_Core modules own Admin menu (in the absence of the extendible CSS Admin menu), then as much as the top half of the screen could be consumed on many of today's lower pixel count screens. That means a whole lot of scrolling for those screens which redisplay at the top (ie most of them).

So please don't abandon the Admin side of the CSS menu ...

If the cursor over sub-menus is the problem you are trying to avoid, then either a javascript timer on the menu, or a switch to my MegaMenu design would be simple solutions.

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Hey layingback, it works just like the CSS menu.
Hovering over the menu shows the tab content (else it's hidden).
The difference is that menu items are just big (like the graphical menu), instead of small/tiny.

It is also not a replacement, just a new fresh way.
I've shown it yesterday to radiogetswild and he liked it a lot because it was easier to navigate with.

Another benefit of large css menu items is touch screens (tablets, smartphones, etc.)
I've noticed it was hard to use the css menu using touch and, just as you say, the graphical menu takes up to much space.

With this new tabs menu i'm trying to solve the issues.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial


Thanks for the explanation - makes it easier to follow where you are coming from.

Issue with CSS menu on touch is not just the small size (adjustable in CSS anyway) but the lack of delay on display. Causing you to "lose" it when moving your finger. (I've messed about with the reDesign3 CSS Menu by adding 0.1s transition delay, but can't go much further else 1 doesn't fade before next appears.)

We don't want to go the Win8 route of 1 solution for touch and mouse use, so is there a way to reliably detect if a touch screen, and could that be available in to DF?

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


layingback wrote
We don't want to go the Win8 route of 1 solution for touch and mouse use, so is there a way to reliably detect if a touch screen, and could that be available in to DF?

There's only one way and that is using JavaScript, and that is through touch events.
In CSS i use ":hover" which might not work on touch, but just adding "touchstart" event could make it show/hide.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Fedora 25 / Apache 2.4.27 / MariaDB 10.1.26 / PHP 7.1.10 / Mercurial

All times are UTC
Go to page 1, 2, 3 Next


Jump to: