Building a Mobile Menu for TiddlyWiki

[Jan Johannpeter]

Hello,
I made a naive attempt to implement mmenu to TiddlyWiki.
I would dearly like to have the funktionality of MMenu because I would
like to have a SwipeMenu and drill-down-navigation to be able to use TW
on a smartphone or small screen.
Obviously it was a little too optimistic thinking that following the
tutorial of MMenu would work for TW as well.

Well if anyone wants to give it a further try, here is a TiddlyWiki with
all the necessary files already packed in Tiddlers.
https://www.dropbox.com/s/xpxcs9x0r59j283/MMenuTest.html?dl=0

I think its worth it but I'll have to do some learning first.

Yours Jan

[Jed Carty]

That does look like it could be very useful. I don't know if it would be better or not but you may be able to create something equivalent to that using only TW5, which is partly my goal for my icon menus.

I think that TW5 is much more mobile friendly than TWc. That or I was doing something wrong when I was using TWc, which is very possible.

[Jan Johannpeter]

Hi Jed,
I guess that you are right, TW5 looks more mobile friendly. Alas I am quite glued to TWC because there I need some plugins and logic in my TWC which I cannot replace in TW5 so far.
Fixed menus with Icons are a very useful attempt for smartphones. I need a multi-level-menu containing big lists, which makes me long for the drill-down function which i could not find in any plugin yet.
Yours Jan

Am 15.04.2015 um 01:10 schrieb Jed Carty:

That does look like it could be very useful. I don't know if it would be better or not but you may be able to create something equivalent to that using only TW5, which is partly my goal for my icon menus.

I think that TW5 is much more mobile friendly than TWc. That or I was doing something wrong when I was using TWc, which is very possible.

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c962fa3d-a49b-4a15-a6bd-3254b0eeb045%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Jed Carty]

There aren't just fixed menus with icons, the icons can be any tiddler you wish. I threw together a very crude proof of concept nested menu example here. It is still TW5 so it is probably not helpful to you but it will hopefully show some of what is possible.

To see the example click on the black bar on the left and the menu should pop out. It has the problem I have run into before where on mobile devices when you tap on the menu once it is displayed, it will hide itself. I think it has something to do with the list widget refreshing itself causing the on hover status to reset. Or something like that.

Like I said, it is very crude, but with some css and other magic you could make arbitrary nested menus using it.

[Jan Johannpeter]

Hi Jed,
that looks pretty awsome.
I guess for the next project I will change to TW5.
I allread have an excessive use of nested sliders in my TWCMenu.  I you have many Items, a drill-down-Menu is still a vey desirable thing. Without this my accordion easily reaches the tripple height of my desktop-monitor.

Greetings Jan

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/54b04e92-d466-43f1-a415-34a9680d51e0%40googlegroups.com.

[Matabele]

Hi

There is a version of a side menu suitable for mobiles here. This uses an older version of TW5, but the basic ideas can be adapted for your use.

regards