TiddlyMap on desktop: editor not displayed in mobile mode

243 views
Skip to first unread message

Eneko Gotzon

unread,
Nov 16, 2017, 7:04:11 PM11/16/17
to tiddl...@googlegroups.com
Hi wonderful coders :)

I am beginning to study how to use TiddlyMap (a marvelous plugin that turns TW onto a wiki & concept-map hybrid).

After installing all the TiddlyMap plugins I get the Map tab in the wiki's sidebar but also a warning saying that The editor is not displayed in mobile mode. That warning seems to me surprising because I'm using TiddlyMap on a laptop.

I'm stuck on that warning. I have not found anything relevant in the menu options nor either information about how to overcome the warning. Perhaps somebody can help me.

Please, excuse me if this question belongs to trifling matter.

Thank you very much, code geniuses!
--
Eneko Gotzon Ares
Izan, egon, egin
Donostia – EH, Baskonia, NA Oso
——————————————————
Mezu hau eta berari atxikitako agiri oro isilpeko dira eta soilik hartzaileari zuzentzen zaizkie. Mezu hau hutsegitez jasoz gero berau ezabatzea eskatzen da eta igorleari horren berri ematea eskertuko litzake. Baimen agerikorik gabe debekatuta dago mezu honen edota bere edukinen edozein erabilera edo hedatzea, bai osoki zein zatiz. 
Mezu elektronikoak andea daitezke; mezu hau andeaturik, aldaturik edota aizun balego Eneko Gotzon Aresek edota bere ordezkariek uko egiten diote edonolako ardurei.

Mark S.

unread,
Nov 16, 2017, 7:20:49 PM11/16/17
to TiddlyWiki
In my very brief look at the code, it appears that it determines mobile mode by comparing this regex string:

/mobile|tablet|ip(ad|hone|od)|android/i

against whatever your browser returns as it's user agent. You can navigate to this page:

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_nav_useragent

and press the button to see what your browser is exposing as it's user agent.

I'm wondering if your laptop is a chrome book?

There used to be one or more extensions for Firefox that would let you return your own custom user agent string. Depending on browser and platform perhaps those are still available?

Good luck!
Mark

Eneko Gotzon

unread,
Nov 16, 2017, 7:45:47 PM11/16/17
to tiddl...@googlegroups.com
Hi Mark, thank you very much for your answer.

On Fri, Nov 17, 2017 at 1:20 AM, 'Mark S.' via TiddlyWiki <tiddl...@googlegroups.com> wrote:
In my very brief look at the code, it appears that it determines mobile mode by comparing this regex string:
/mobile|tablet|ip(ad|hone|od)|android/i
against whatever your browser returns as it's user agent. You can navigate to this page:

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_nav_useragent

and press the button to see what your browser is exposing as it's user agent.

Sorry for not having been more precise: I get that warning editing the TiddlyMap file within
 
TiddlyDesktop.app
 (on a macbook air), but if I open it using Tiddly Drive the warning does not appear
Maybe 
TiddlyDesktop
​ is not well suited for editing TiddlyMap files?​

Thank you!
 
On Thursday, November 16, 2017 at 4:04:11 PM UTC-8, Eneko Gotzon wrote:
Hi wonderful coders :)

I am beginning to study how to use TiddlyMap (a marvelous plugin that turns TW onto a wiki & concept-map hybrid).

After installing all the TiddlyMap plugins I get the Map tab in the wiki's sidebar but also a warning saying that The editor is not displayed in mobile mode. That warning seems to me surprising because I'm using TiddlyMap on a laptop.

I'm stuck on that warning. I have not found anything relevant in the menu options nor either information about how to overcome the warning. Perhaps somebody can help me.

Please, excuse me if this question belongs to trifling matter.

Thank you very much, code geniuses!
--
Eneko Gotzon Ares
Izan, egon, egin
Donostia – EH, Baskonia, NA Oso
——————————————————
Mezu hau eta berari atxikitako agiri oro isilpeko dira eta soilik hartzaileari zuzentzen zaizkie. Mezu hau hutsegitez jasoz gero berau ezabatzea eskatzen da eta igorleari horren berri ematea eskertuko litzake. Baimen agerikorik gabe debekatuta dago mezu honen edota bhttps://drive.google.com/a/dondom.net/file/d/1xlwb-9p2Qhd4HAGgoCDk_7XJRI_auAuB/view?usp=sharingere edukinen edozein erabilera edo hedatzea, bai osoki zein zatiz. 
Mezu elektronikoak andea daitezke; mezu hau andeaturik, aldaturik edota aizun balego Eneko Gotzon Aresek edota bere ordezkariek uko egiten diote edonolako ardurei.

--
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+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/90323712-7b70-4450-a7fe-bb03ab3391cb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Mark S.

unread,
Nov 16, 2017, 8:07:58 PM11/16/17
to TiddlyWiki
I don't know much about Macs, and especially how TiddlyDesktop operates with them.

If you download a new TW file (because I don't want to endanger your existing work), then you can import the attached file into that new TW. Then SAVE and RELOAD.

Then In TiddlyDesktop open a tiddler in that new TW and create macro <<useragent>> and then preview it.

This should tell you what TiddlyDesktop thinks your user agent is. It might help in tweaking TD or maps. Might. Maybe. Possibly. ;-)

I would be curious what it reports.

Good luck!
Mark
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

Mark S.

unread,
Nov 16, 2017, 8:09:17 PM11/16/17
to TiddlyWiki
Oops. Forgot the code. Here we go.
useragent.json

Eneko Gotzon

unread,
Nov 16, 2017, 8:13:45 PM11/16/17
to tiddl...@googlegroups.com
I am exhausted, I must go to sleep, tomorrow I will follow.

Thank you for helping me. See you tomorrow!

To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscribe@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

For more options, visit https://groups.google.com/d/optout.

Eneko Gotzon

unread,
Nov 17, 2017, 10:35:23 PM11/17/17
to tiddl...@googlegroups.com
On Fri, Nov 17, 2017 at 2:07 AM, 'Mark S.' via TiddlyWiki <tiddl...@googlegroups.com> wrote:
I would be curious what it reports.

I'm sorry Mark, ​I cannot report because I do not know ​how to make macros. I have a lot to learn; step by step…

Thank you. 
--
Eneko Gotzon Ares
Izan, egon, egin
Donostia – EH, Baskonia, NA Oso

Mark S.

unread,
Nov 17, 2017, 11:57:28 PM11/17/17
to TiddlyWiki
I shouldn't have said "created". I should have said "invoked". All you do is make a tiddler containing <<useragent>> (after loading the previously attached json)

Good luck,
Mark

Felix Küppers

unread,
Nov 18, 2017, 8:08:24 AM11/18/17
to tiddl...@googlegroups.com

Hi Eneko,

this behavior is actually not triggered by javascript but by tiddlymap's css…

@media (max-width: __breakpoint__) {
  .tc-sidebar-scrollable {
    .tmap-desktop-editor .tmap-widget:not(.tmap-fullscreen) {
      display: none;
    }
  }
}
where "__breakpoint__" translates to:

const replaceAfterSass = {
  '__breakpoint__': '{{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}'
};

So check what the following tiddler yields when opening it.

$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint
Below this pixel threshold, the main editor in the sidebar won't be displayed as TiddlyMap is not designed to work on a small device because it needs some space to visualize nodes and relations on a map.

That being said, you can still decide to work with tiddlymap mobile by simply creating a tiddler with a tiddlymap "editor" widget inside:

(paste the following in you tiddler)
<$tiddlymap
  editor="advanced"
  click-to-use="false">
</$tiddlymap>

Hope that helps

Best wishes Felix.

Eneko Gotzon

unread,
Nov 19, 2017, 11:40:32 AM11/19/17
to tiddl...@googlegroups.com
Hi Felix.

On Sat, Nov 18, 2017 at 2:08 PM, Felix Küppers <felixk...@hotmail.de> wrote:

Below this pixel threshold the main editor in the sidebar won't be displayed…

You are right. ​I've noticed that t
he message
 displays only when the window
 narrowness does not allow
 space ​
to the map
​ field​
.

I
​ apologize for
t
a
k
ing​
your time with 
​a such trifling subject
.​

​Thank ​you Mark & Felix for assist me. Take care.
--
Eneko Gotzon Ares
Izan, egon, egin
Donostia – EH, Baskonia, NA Oso
Reply all
Reply to author
Forward
0 new messages