Elfinder: Must be Responsive

Created on 30 Apr 2016  路  8Comments  路  Source: Studio-42/elFinder

Must be Responsive and mobile friendly

feature

Most helpful comment

Allow the cwd tree to be fully hidden

What about swipe to close/open ? I'm now work in progress.
Swipe to navbar close/open

All 8 comments

@SacDin , And there is. True need a hack.

JS:

$('#elfinder').elfinder({
       ...
       resizable: false,
       ...
});

and

$(window).resize(function () {
      var h = $(window).height();
      if ($('#elfinder').height() != h) {
          $('#elfinder').height(h).resize();
      }
});

CSS

body {
      margin: 0;
}

#elfinder {
      border: none;
}

.elfinder-toolbar, .elfinder-statusbar {
      border-radius: 0 !important;
}

elFinder uses jQuery UI, so it's responsive as jQuery UI is. About mobile friendly... it's likely another feature. There are no plans for it yet.

@SacDin , @troex : Developers always on the right things is not enough time. So, we can relax and continue to use hacks or add your own Pull request.

Maybe a partial implementation would be to:

  • Allow the cwd tree to be fully hidden (with an icon to expand/collapse?), currently has a minimum/maximum width, but is resizable (there is an option to put the 'up folder level' entry into the file pane I believe)
  • Allow the toolbar to be fully hidden (with an icon to expand/collapse)

Allow the cwd tree to be fully hidden

What about swipe to close/open ? I'm now work in progress.
Swipe to navbar close/open

And I added swipe to open/close toolbar. You can try on demo site.
Swipe to navbar close/open

In elFinder 2.1.12 it will be pretty much fixed.(ref. #1373) So I close this issue. And we waiting more requests. Please make new issues of that.

@Kravalg Where did you add those codes you mentioned above?

Was this page helpful?
0 / 5 - 0 ratings