Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Two column menu

13 Apr 2015, 05:59

I've this kind of problem since my menu are very long and if the user doesn't have a big screen this could be a problem.
Schermata-2015-04-13-alle-11.49.35.jpg
Schermata-2015-04-13-alle-11.49.35.jpg (134.19 KiB) Viewed 3448 times
Other that that I'm asking if it's possible to have a multicolumn menu or if someone has another idea on how to show very long menu.

Thanks!
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Two column menu

13 Apr 2015, 06:52

andreamarucci wrote:I've this kind of problem since my menu are very long and if the user doesn't have a big screen this could be a problem.

Other that that I'm asking if it's possible to have a multicolumn menu or if someone has another idea on how to show very long menu.
A good question. Ultimately, you are dealing with an amount of "pages" that will never fit perfectly into a menu, but here are my views:

Scrollable
First of all, I would like to say that I don't find it hard to navigate the menu although it is cut off by my screen (1280x800). When I hover over the menu, I can easily scroll downwards with my trackpad (mac) or mousewheel to see the entire menu content:

Initial:
Image

After scrolling down with trackpage or mousewheel:
Image

Because this is html, scroll works nicely, and it isn't difficult to scroll your menu. I think this is a compromise you must expect when you have long deep structures like this.

Option 1: No menu for gallery items
The way big photo sites (picasa, flickr etc) deal with this, is by simply NOT having all galleries directly in the menu in the first place. Simply hide the gallery items from the menu, and instead when the visitor clicks "2004", they will be taken to the "2004" page that shows all galleries:
http://gallery.kog.it/20012005/2004/
Image

Option 2: Use sidebar or slidemenu
Although maybe not something you want, the sidebar menu can deal better with long menu's
http://gallery.kog.it/?layout=sidebar
http://gallery.kog.it/?layout=slidemenu
Image

We may eventually be able to provide multi-column menu's and maybe some other mega-menu option that might suit you better, but it will always be a logical challenge to get that many items into a menu. I think you need to accept a compromise solution, as long as it works. Your menu now, although sometimes very tall/long, still works sufficiently on all devices.
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 07:03

Thanks Karl, the Option 1 it's the better one I think. Two questions.

There's the possibility to show also the date of the event, maybe under the title, in any way, instead of hovering the image to show it?

How can I setup the menu so it doesn't show all the gallery but goes directly in the page showing all the galleries in that folder? I've to create a menu with a link in the menu: setting or it's something I can do automatically just adding the folders?
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 07:22

Just FYI, I've tried to remove the 1., 2. etc and the submenu are not shown but if I click on 2001, for example, no gallery is shown. Also the numbers before the dot are useful to give a chronological order to the events since I've named all the folder with the date for my convenience.
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 07:27

I've restored the numbers before the dot and put HIDE in the menu: settings but this is what appear now in the menu
Schermata-2015-04-13-alle-13.26.09.jpg
Schermata-2015-04-13-alle-13.26.09.jpg (42.33 KiB) Viewed 3443 times
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 07:35

Gotcha! Removed the HIDE in the submenu e put hideChildren in the main category. Hope this is useful for someone :-)
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Two column menu

13 Apr 2015, 08:23

Looks like you found out about the menu?
andreamarucci wrote:There's the possibility to show also the date of the event, maybe under the title, in any way, instead of hovering the image to show it?
In your page under image settings, you should have a setting caption-hover ... Just remove it!

I notice the Lato font isn't being used for your website for some reason, and it is defaulting to Helvetica ... Is this something you have done purposely?
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 08:27

Thanks. Regarding the fonts I see Lato and I've put these in my settings
Code
# Style settings
  style:
  layout: topbar-center topbar-fixed
  skin: daylight 21a3bb clear
  font: Lato:400,700,900,400italic,700italic,900italic|logo:italic,900|header:italic,bold|subheader:italic|topbar:bold,uppercase|sidebar:bold,uppercase,small|footer:italic|styled:italic
Strange thing that you don't see Lato...

BTW, I've tested the combination of Raleway-Amaranth without success since I'd like to have a bolder font for the menu like Lato for example and I love Amaranth for the text. Tried to reproduce the setting above with these two fonts without success...
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 08:45

I've checked with another browser and you're right but I really don't know why the settings are not read correctly. Using another browser I've had to specify the fixed layout and the Lato font.

It's a bug as far as you know?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Two column menu

13 Apr 2015, 08:47

I am not sure, but it seems you have some incorrect spaces in your settings. Yours:
Code
# Style settings
  style:
  layout: topbar-center topbar-fixed
  skin: daylight 21a3bb clear
  font: Lato:400,700,900,400italic,700italic,900italic|logo:italic,900|header:italic,bold|subheader:italic|topbar:bold,uppercase|sidebar:bold,uppercase,small|footer:italic|styled:italic
Try this instead, notice there is not two spaces in front of "style":
Code
# Style settings
style:
  layout: topbar-center topbar-fixed
  skin: daylight 21a3bb clear
  font: Lato:400,700,900,400italic,700italic,900italic|logo:italic,900|header:italic,bold|subheader:italic|topbar:bold,uppercase|sidebar:bold,uppercase,small|footer:italic|styled:italic
I am not 100% sure this is the issue, but could be ...

Settings will be improved at some point.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Two column menu

13 Apr 2015, 08:48

This is what it should look like by default:
http://gallery.kog.it/?font=Lato:400,70 ... led:italic

... likely the same issue you are having with the amaranth-combo, simply because the "style" settings are not applying properly.
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 08:54

I've set Raleway Amaranth but I'd like to have the menu bar in bold so I've put
Code
font: Raleway:400,700|header:bold|Amaranth
with no results since the menu bar is not bold. Missed something?
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 08:56

So can I think it's a X3 bug or I'm doing something wrong?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Two column menu

13 Apr 2015, 10:22

andreamarucci wrote:So can I think it's a X3 bug or I'm doing something wrong?
You didn't try the fix I suggested two posts ago ...
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Two column menu

13 Apr 2015, 10:34

Ops sorry I miss the post. Removing the spaces seems to fix the problem. Now is
Code
Lato:400,700,900,400italic,700italic,900italic|Ubuntu Condensed|logo:italic,900|header:bold|subheader:italic|topbar:bold,uppercase|sidebar:bold,uppercase,small|footer:italic|styled:italic
try for yourself and let me know if you see the fonts correctly...