I have configured an Entity Browser to select Brandfolder Images on a Content Type. The following steps are required when using either the Entity Browser Modal or Inline form displays:

1. Click on the desired image
- This results in a seemingly blank display. However, if you scroll up to the top of the display area you can see the Image and Attachment that was just clicked on. If you scroll all the way to the bottom of the display area you can see a Select button.
2. To insert the image clicked on in step 1, the user must know to scroll to the top of the display area, click on the Attachment Image (not the other image); then scroll to the bottom of the display area and click the Select Button.

Requested Improvement:

This is less than an ideal user interface.
1. At a minimum, the user should not need to scroll to see or Select the image.
2. If the field is limited to one image and the user can only select at most one image, this three step selection process could be reduced to just clicking and confirming the selection.

Comments

sassafrass created an issue. See original summary.

ndewhurst’s picture

Yes, that is a poor UX. We are working on a new browser framework and will be able to improve things like this in the new version.

  • ndewhurst committed 3b46e0cd on 5.0.x
    #3418666 CSS. Fix asset detail pane so it's immediately visible without...
ndewhurst’s picture

Hi sassafrass, I just pushed up a quick CSS-only tweak to try to improve the scroll issue for the time being. No changes to selection logic or messaging around selection limits. Let me know if this change results in any side effects.

sassafrass’s picture

Hi. Thanks for creating the patch. I applied the patch successfully and although the Image to select is now at the top of the pane and scrolling is no longer needed, I now can no longer see the SELECT button to Select the image.

ndewhurst’s picture

Hi sassafrass. Is there a little "back" arrow () in the upper left that you can click? If so, does the select button become visible after doing so?

rwsimmo’s picture

I am seeing this behavior as well and yes, if I click the black arrow the select button does become visible.

Note that I did not see the behavior where you lose all page formatting after selecting an image in version 5.0.0. I noticed it after updating to version 5.0.1 of the module. I wonder if the version on this issue should be changed to 5.0.1?

azinck’s picture

Status: Active » Needs review
StatusFileSize
new440 bytes

Here's a different approach that retains the modal context and just scrolls the user back to the top of the div, putting the assets in view.

azinck’s picture

Whoops, I forgot to rip out the now-unneeded CSS changes. Let's try that again.

  • ndewhurst committed e7e46ae2 on 5.0.x
    Issue #3418666 by azinck: scroll asset detail into view.
    
ndewhurst’s picture

Title: Entity Browser Selection » Asset/Attachment Selection Issues
Status: Needs review » Fixed

Thanks azinck. I'm happy to go with that approach. I've just committed your scroll changes and some of the CSS tweaks to the 5.0.x branch so anyone running 5.0 can benefit.
Thankfully, we will be introducing a new framework for the asset browser in the next month which will address some of the UX issues. That will be on the 6.x branch, which has other notable updates as well.

azinck’s picture

That's great news! I'm thrilled to hear there's a new asset browser coming. It's much needed.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.