Feel free to postpone this, but I just thought that we may need to start thinking and having discussions about how the media browser(currently an iframed modal dialog) will work with the D8 mobile initiative.

Depending on the user interface that is chosen for admin navigation (see #1490288: Implement sliding navigation for touch screen devices. and #1137920: Fix toolbar on small screen sizes and redesign toolbar for desktop), we may be able to hook into that. For example, if the new responsive admin themes use something like http://srobbin.com/jquery-plugins/pageslide/, then adding media could be triggered by clicking a button that does a page slide revealing a media browser that uses vertical stacked tabs(an accordion, like what is displayed in http://drupal.org/node/1277352#comment-5705666).

If we get something like #1621594: Media Query Detection , then we could even change the media browser to use horizontal tabs in a modal when viewing on the desktop browser(like it already does).

It looks like there may be three UI options:

  1. http://srobbin.com/jquery-plugins/pageslide/ - like m.facebook.com or Google+ android app also see http://drupal.org/node/1137920#comment-6035954 for more examples
  2. drilldown ipod like navigation using ajax - as seen in the protype on #1490288: Implement sliding navigation for touch screen devices. - http://nav.d8mux.org/ for the effect see http://nav.d8mux.org/content/list
  3. slide down an inline media browser below the field when clicking add media (this may not work with when using a wysiwyg button)
  4. use both http://srobbin.com/jquery-plugins/pageslide/ with some kind of ajax based ipod like drilldown navigation inside

Things to consider:
1. how will it work with when using a wysiwyg button?
2. how will it work with using wizards #1553114: Adding files should be a multi-step process

Comments

dave reid’s picture

dave reid
he/him
Primary language English
Location Nebraska USA
commented

Interesting. This is something we should definitely solve. Google Docs doesn't appear to offer anything for mobile image embedding. Does WordPress handle it at all?

slowflyer’s picture

slowflyer commented

Is there any progress on this?

kopeboy’s picture

kopeboy
Primary language Italian
Location Milan
commented
Priority: Normal » Major

Just found out Media browser dialog is quite bad on mobile, I mean, user can't even close the popup!
I had 7.x-2.0-alpha4 and tried updating to 7.2-dev, but didn't notice any improvement.

PS: I had hoped that this issue #2082045: Media Browser modal iframe dimensions are hardcoded had resolved the width problem (more than 100% on small devices):

fishfree’s picture

fishfree commented

Maybe we need programmatically change media browser widget to other alternative widget. But which widget is suitable for File Entity? File field source?

firewaller’s picture

firewaller commented

+1

chris matthews’s picture

chris matthews commented
Status: Active » Closed (outdated)

Recent versions of media have resolved most of peoples concerns and is compatible with entity translation, multilingual and various advanced configurations. Due to the high volume of inactive and most often irrelevant issues we are Closing this as (outdated). If for whatever reason this issue is important to you AND you still have issues after checking the media recipe documentation, then let us know and we will review your concerns.

Otherwise, see the recipe documentation for how to configure media and for troubleshooting tips OR refer to the media_dev distribution if you want to see a working media setup.

As mentioned, feel free to make some noise in this issue if you still feel it is important to you or someone else.

Thanks,

Media team