Menu

#250 wikindx on smartphones

Unknown
open
nobody
None
Unknown
Improvement
Unknow
Unknow
2024-02-01
2020-09-29
No

Following on from:
https://sourceforge.net/p/wikindx/discussion/326883/thread/b06349edd7/?limit=25#4fa5/8a07

(which has been implemented for some time), we need to find a way to handle the drop down menus on the limitied screen space of mobiles. Tablets are large enough and usable with wikindx but drop-down menus are problematic on smartphones.

Discussion

  • Stéphane Aulery

    Wikindx is not a kind of application you could easily use on mobile because it edits a lot of data. The path taken by the majority of sites for mobile is either to rewrite a version for mobile, or to select an acceptable subset on mobile which is reorganized visually with CSS rules for different screen sizes. For example, do not display the administration functions in the mobile version.

    Otherwise I don't know what other paradigm can replace a drop-down menu on mobile. I have never ported a site to mobile.

     
  • Mark Grimshaw

    Mark Grimshaw - 2020-09-29

    The path taken by the majority of sites for mobile is either to rewrite a version for mobile, or to select an acceptable subset on mobile which is reorganized visually with CSS rules for different screen sizes. For example, do not display the administration functions in the mobile version.

    My thinking exactly. I believe just read functions should be availabe (no writing, input, editing, administration etc.) and only quicksearch and the tag clouds (some). i.e. about 3-4 menu/link items along with localization/language choice. Of course a reduction in the information presented on each screen (e.g. single resource view).

    On loading wikindx, the browser would need to sense the use of a smartphone and to distinguish between smartphone and tablet (not sure if that is possible).

    I'm not planning to work on this now – it's something to think about for the future.

    Mark

     
    • Stéphane Aulery

      On loading wikindx, the browser would need to sense the use of a smartphone and to distinguish between smartphone and tablet (not sure if that is possible).

      CSS uses media queries to know the current screen size but it's the webdesign job to establish a scale of sizes or breakpoints. For example see what do Bulma CSS framework: https://bulma.io/documentation/overview/responsiveness/#breakpoints

       

Log in to post a comment.

Auth0 Logo