Search…

X3 Photo Gallery Support Forums

Search…
 
jeroenvb
Topic Author
Posts: 7
Joined: 20 Feb 2019, 04:03

Menu outlining difference in dropdowns

20 Feb 2019, 05:21

I've been using X3 for a while now and I noticed a difference in menu styling.

One of the menu items is a lot wider:
Image
Compared to the other items:
Image

As far as I'm concerned I didn't do anything different creating the gallery/folders.

Any tips how to solve this?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Menu outlining difference in dropdowns

20 Feb 2019, 08:48

Do you have a link? I'm pretty sure there is a logical reason, although the logic might be debatable. I can't really say anything just from seeing your screenshots.
 
jeroenvb
Topic Author
Posts: 7
Joined: 20 Feb 2019, 04:03

Re: Menu outlining difference in dropdowns

20 Feb 2019, 09:23

 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Menu outlining difference in dropdowns

20 Feb 2019, 10:39

The reason it is doing this, is to match the dropdown menu widths of a menu segment. Your 3rd level submenu width would need to match the width of the widest element (see blue outline in screenshot), and all 3rd level submenus would have to match that width. If width was not matched across all submenus on the same level, the width would jump back and forth, which would be a disturbing effect.
Image

Now, you might ask why also the parent 2nd level has to match that width. That is a good question, but I believe it was implemented to create some "balance". Your case is a bit extreme, because you have one very long menu label on 3rd level, and 2nd level labels are all very short. If we made the width match only the same level, it would look like screenshot below. Perhaps nothing wrong with that, but in less extreme cases, it is visually pleasing to keep menu levels at same width.
Image

Slightly related, would it be an idea to limit your menu label length? There is a LABEL setting for pages, which is recommended to use for short accurate menu labeling. By default, your menu labels are empty, so the values are inherited from your folder names (urls), which seem unnecessary long. For example:
Image
 
jeroenvb
Topic Author
Posts: 7
Joined: 20 Feb 2019, 04:03

Re: Menu outlining difference in dropdowns

20 Feb 2019, 10:51

Thank you for the quick response and explanation! Seems to me I have some editing to do to shorten the names, I'll pick it up from there.