Conflicting Files ? ? Pending

User tests: Successful: Unsuccessful:

avatar VladikB
VladikB
6 Sep 2019

Redo of Issue #21361.

Summary of Changes

Added Breadcrumb to menus in backend

Testing Instructions

  1. Go in the backend to Menus -> All Menu Items -> New
  2. Call Menu "TEST" and select any Menu Item Type
  3. Save and Close it
  4. Add a New Menu, call it "TEST 2" and choose any Menu Type, AND choose "TEST" as parent item

Expected result

Breacrumpbs

avatar VladikB VladikB - open - 6 Sep 2019
avatar VladikB VladikB - change - 6 Sep 2019
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 6 Sep 2019
Category Administration com_menus
avatar mbabker
mbabker - comment - 6 Sep 2019
  1. Views really shouldn’t be running database queries on their own accord

  2. This is introducing a lot of database queries to this view

avatar hans2103
hans2103 - comment - 6 Sep 2019

Before

Schermafdruk 2019-09-06 16 48 57

After

Schermafdruk 2019-09-06 16 57 54

Test successful, but not useful to me.
The word "test" is short... lot of my clients have longer Menu Item titles.
Some customers even have sub sub menu items
This will result in a very long breadcrumb in the backend.

Please do not merge this PR into J4.... or give me the possibility to disable this feature. It might be useful to others. But not for me.

avatar roland-d
roland-d - comment - 6 Sep 2019

Thanks @mbabker we will look into this.

avatar roland-d
roland-d - comment - 6 Sep 2019

@hans2103 Can you propose a better way of displaying the breadcrumbs?

avatar mbabker
mbabker - comment - 6 Sep 2019

Can you propose a better way of displaying the breadcrumbs?

Let's take it a step further. What is the need to display a full breadcrumb to every menu item on the list view and what kind of value is it adding by doing so? How is this an issue only for menu items and not other hierarchical data types (i.e. why not the full path for categories or tags)?

Both this issue and the original PR are very vague on why this is a needed improvement or even a good idea in general. They both right now are written in a "I think this way is better and you should accept it" way without really explaining why this way is better.

avatar hans2103
hans2103 - comment - 6 Sep 2019

@roland-d

There is no need for me to display the breadcrumbs in Joomla Administrator.
It takes to much space on a mobile device.
Schermafdruk 2019-09-06 17 16 37

Why propose a better way if there is no need for breadcrumbs to display on every menu item?
A better way for me is not to display the breadcrumbs. :-) (or have the option to disable it)

avatar HLeithner
HLeithner - comment - 6 Sep 2019

@VladikB for you first contribution to joomla,

Beside my personal opinion that the menu tree per menu item overloads the view you should use the Joomla API instead of directly querying the database. In your case you can use the menu framework to get the menu items instead calling your searchParentItem function.

Something like this should work: Factory::getApplication()->getMenu()->getItem($itemid);

On the other side you are creating the tree in the layout file, you shouldn't do this, you should do any preparation in the model.

I would change the model getItems function and add the tree to the object.

But as already mention I don't think that adding the tree brings any benefit to the view.

avatar roland-d
roland-d - comment - 6 Sep 2019

Let's get back to why this even became an idea that should be fixed.

What is the need to display a full breadcrumb to every menu item on the list view and what kind of value is it adding by doing so?

Here is my menu, I have no clue which menu item belongs to which parent:
image

Showing me the parent, will give me an idea of which menu item I need to pick to change.

How is this an issue only for menu items and not other hierarchical data types (i.e. why not the full path for categories or tags)?

I would argue that hierarchical data types in the Joomla backend are horrible to work with. So it is not only menus but it could use a better solution in many more places. Here is another example in editing a menu item:
image

Same goes for the category selector in the search tools:
image

Unless it is just me and everybody else thinks this is a normal way of working. Does this give a better insight as to the problem it tries to solve?

It takes to much space on a mobile device.
My other idea was we show the breadcrumbs the same way the selected item is shown below the menu option.

avatar brianteeman
brianteeman - comment - 6 Sep 2019

Definitely an issue for me with the filters

avatar brianteeman
brianteeman - comment - 6 Sep 2019

Oh and I forgot it also solved a big accessibility issue

avatar hans2103
hans2103 - comment - 6 Sep 2019

@roland-d having those arguments it is a legit solution for a legit issue.
But... as you say it solves an issue when you apply filters.
So... the breadcrumbs should appear when you apply filters.
Only when you apply filters.

avatar brianteeman
brianteeman - comment - 6 Sep 2019

The accessibility issue applied all the time

avatar roland-d
roland-d - comment - 6 Sep 2019

@hans2103

But... as you say it solves an issue when you apply filters.

Not only when you apply filters, also happens when your menu runs across multiple pages.

@brianteeman I am not fully understanding, adding these breadcrumbs solves an accessibility issue?

avatar brianteeman
brianteeman - comment - 6 Sep 2019

Yes it solves an issue. If you can only hear one line at a time it's not possible to get the context of a menu item. Showing the full path solves that.

avatar mbabker
mbabker - comment - 6 Sep 2019

Having the full path in the filters is a must fix and something I've groaned about on other products too (still not fixed there either last I looked). But that's not the focus here.

To me, the breadcrumb is really only needed on the main list view when:

  • You've paginated and the parent item isn't on the same page
  • You've filtered and the parent item isn't anywhere to be found

To me it feels like there really should be a better way of displaying the tree information without repeating the parent labels on every line. Especially as it feels like to me it would turn into an information overload once you start getting 2 or 3 levels deep.

Screen Shot 2019-09-06 at 2 41 32 PM

avatar brianteeman
brianteeman - comment - 6 Sep 2019

I agree with that as well. It's why I haven't submitted an a11y pr for it as I couldn't work out a nice look

avatar roland-d
roland-d - comment - 6 Sep 2019

I am no UX designer either. I guess if we move the path 1 line down, you have 3 lines of text which is a bit much as well.

avatar mbabker
mbabker - comment - 6 Sep 2019

Do you really need both the menu item type breadcrumb and the menu item path breadcrumb? Surely the menu item path is going to be more useful than the item type and in a game of picking and choosing I'd rather that in a similar display as what's used in the articles list than a (IMO) superfluous path that doesn't really give me much beneficial information on that screen.

avatar roland-d
roland-d - comment - 6 Sep 2019

That is an interesting thought. I do agree I barely ever look at the menu item type as the title of the menu is usually more descriptive to me. So replacing one with the other would make sense to me as well.

avatar coolcat-creations
coolcat-creations - comment - 8 Sep 2019

Actually the menu item type is important for beginners to understand what they are doing. Please do not remove that or at least add a symbol displaying if its an Article / Blog / List / Contact / Komponent...
I can imagine having the breadcrumbs in small size above the title, but with the possibility to turn off the information?

avatar VladikB VladikB - change - 9 Sep 2019
Labels Added: ?
avatar VladikB
VladikB - comment - 9 Sep 2019

So it is how it looks now. I moved the breadcrumbs to a line under the title and changed the font type to a smaller size.

Breadcrumbs1

avatar roland-d
roland-d - comment - 9 Sep 2019

@VladikB Posted the path below the name just so we can see how it looks like.

avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

That looks quite cluttered, maybe the Alias should be below too to have a better layout of the Informations.
And like that:
Alias: ....
Path: ....
Menuitem type: ....

avatar hans2103
hans2103 - comment - 9 Sep 2019

That looks quite cluttered, maybe the Alias should be below too to have a better layout of the Informations.
And like that:
Alias: ....
Path: ....
Menuitem type: ....

Which will result in four rows per menu item:

Title
alias: ...
path: ...
menu item type: ...

Please replace / by as the latter indicates a beter forward motion then a forward slash.

is a Single right-pointing angle quotation mark

  • unicode = U+0203A
  • hex code = ›
  • html code = ›
  • html entity = ›
  • css code = \203A
avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

Which will result in four rows per menu item:

Title
alias: ...
path: ...
menu item type: ...

Yes but if you look at the screenshot its probably better to have the four rows but not a cut off alias... we could give the Menu item type an own column?

avatar VladikB
VladikB - comment - 9 Sep 2019

Which will result in four rows per menu item:

Title
alias: ...
path: ...
menu item type: ...

Yes but if you look at the screenshot its probably better to have the four rows but not a cut off alias... we could give the Menu item type an own column?

The cut off alias would be there without my changes too. It comes because the menu name is so long

avatar VladikB
VladikB - comment - 9 Sep 2019

But it would look like that

Breadcrumbs2

avatar infograf768
infograf768 - comment - 9 Sep 2019

Please also test this in RTL. ;)

avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

Can you remove this part?
grafik
Just the symbols, not the intention

avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

What about using "ellipse" when it's getting to long and show the full line in a title on hover?
good or bad idea?

avatar hans2103
hans2103 - comment - 9 Sep 2019

@coolcat-creations when is a breadcrumb too long?
On a mobile device (iPhone 5) the viewport is only 320px

avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

Maybe the breadcrumbs should be more like a title line above ALL items that are below a parent instead of repeating itself over and over again. This would need some thinking how to code it when items are torn apart in the middle.

avatar brianteeman
brianteeman - comment - 9 Sep 2019

That would fail accessibility

avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

Ok, I don't see a nice solution, maybe the design team has an idea...

avatar VladikB
VladikB - comment - 9 Sep 2019

I think, it's OK how it looks like now, I mean if it is accepted that alias and titles can break the line like they do, why shouldn't it be accepted with breadcrumb?

avatar coolcat-creations
coolcat-creations - comment - 9 Sep 2019

I was only thinking about improving the layout for Joomla 4 - now that we have a chance to do so...

avatar mbabker
mbabker - comment - 9 Sep 2019

Keep alias on the same line as the title. The same way it is done in every
other list screen. If we want to move it then do it in a separate PR
changing all views at once.

On Mon, Sep 9, 2019 at 7:06 AM VladikB notifications@github.com wrote:

I think, it's OK how it looks like now, I mean if it was accepted that
Alias can break the line like they do, why shouldn't it be aceepted with
breadcrumb?


You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/joomla/joomla-cms/pull/26187?email_source=notifications&email_token=AACZ7IOKI55ZSVXQU5ZE33LQIY35XA5CNFSM4IUHVBTKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6HKC5I#issuecomment-529441141,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AACZ7IOLD3YDOMQ3AISSIYTQIY35XANCNFSM4IUHVBTA
.

--

  • Michael Please pardon any errors, this message was sent from my iPhone.
avatar VladikB
VladikB - comment - 9 Sep 2019

They are in the same line, I just showed how it would look like if they weren't

avatar mbabker
mbabker - comment - 9 Sep 2019

I know, but with it being suggested, I wanted to squash it early because it
should be changed in all views if that is going to be seriously pursued
(don’t care either way where it ends up), and that goes far beyond the goal
of this PR.

On Mon, Sep 9, 2019 at 7:18 AM VladikB notifications@github.com wrote:

They are in the same line, I just showed how it would look like if they
weren't


You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/joomla/joomla-cms/pull/26187?email_source=notifications&email_token=AACZ7IIRGZ4XFXXYTEF53ADQIY5JDA5CNFSM4IUHVBTKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6HLEGA#issuecomment-529445400,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AACZ7IKV3X2X6SZWETKDHALQIY5JDANCNFSM4IUHVBTA
.

--

  • Michael Please pardon any errors, this message was sent from my iPhone.
avatar joomla-cms-bot joomla-cms-bot - change - 11 Sep 2019
Category Administration com_menus Administration com_menus Language & Strings
avatar VladikB
VladikB - comment - 11 Sep 2019

So I added an option to turn on or to turn off the breadcrumbs now.

avatar VladikB
VladikB - comment - 11 Sep 2019

Option_Breadcrumbs

avatar coolcat-creations
coolcat-creations - comment - 11 Sep 2019

Shouldn't that be a global option somewhere else? For me "Page Display" options are for the Frontend... We have column display options in the tables asfaik

avatar ahghatol
ahghatol - comment - 19 Oct 2019

Failed - tested on d9fbed6

avatar priyankaSahutekdi priyankaSahutekdi - test_item - 19 Oct 2019 - Tested unsuccessfully
avatar priyankaSahutekdi
priyankaSahutekdi - comment - 19 Oct 2019

I have tested this item ? unsuccessfully on d9fbed6


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar Renuka-S Renuka-S - test_item - 19 Oct 2019 - Tested successfully
avatar Renuka-S
Renuka-S - comment - 19 Oct 2019

I have tested this item successfully on d9fbed6

If the final output is expected as below then the test is successful.

If Menu Options > Show breadcrumbs is "ON" then showing the result as

  • Menu Title Alias:
  • Breadcrumb
  • Menu Item type

Else if Menu Options > Show breadcrumbs is "OFF" then showing the result as

  • Menu Title Alias:
  • Menu Item type

Please, can someone confirm what is the expected final output? Hard to understand from comments.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.
avatar Renuka-S
Renuka-S - comment - 19 Oct 2019

Adding the screenshots for above successfulscreen shot 2019-10-19 at 09 50 21 testscreen shot 2019-10-19 at 09 50 23


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar shindebalu shindebalu - test_item - 19 Oct 2019 - Tested unsuccessfully
avatar shindebalu
shindebalu - comment - 19 Oct 2019

I have tested this item ? unsuccessfully on d9fbed6


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar Neppert Neppert - test_item - 19 Oct 2019 - Tested unsuccessfully
avatar Neppert
Neppert - comment - 19 Oct 2019

I have tested this item ? unsuccessfully on d9fbed6


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar webfeuerflo webfeuerflo - test_item - 19 Oct 2019 - Tested successfully
avatar webfeuerflo
webfeuerflo - comment - 19 Oct 2019

I have tested this item successfully on d9fbed6

The patch works, but it is not very clear, what this list indicates


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar Quiviro Quiviro - test_item - 15 Nov 2019 - Tested successfully
avatar Quiviro
Quiviro - comment - 15 Nov 2019

I have tested this item successfully on d9fbed6

As Renuka said, it works correctly though I am not sure that way is the intended way


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar Quiviro
Quiviro - comment - 15 Nov 2019

I have tested this item successfully on d9fbed6

As Renuka said, it works correctly though I am not sure that way is the intended way


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/26187.

avatar brianteeman
brianteeman - comment - 11 Mar 2020

Maybe someone can convince the accessibility team to test this

avatar roland-d
roland-d - comment - 1 Aug 2020

This can be closed and picked up in another PR if someone is interested as topic starter is no longer available.

avatar roland-d roland-d - change - 1 Aug 2020
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2020-08-01 17:47:40
Closed_By roland-d
Labels Added: Conflicting Files ?
avatar roland-d roland-d - close - 1 Aug 2020

Add a Comment

Login with GitHub to post a comment