auto switch between mobile view and desktop view ?

828 views
Skip to first unread message

thomass

unread,
Jun 1, 2012, 8:44:05 AM6/1/12
to tiddl...@googlegroups.com
What I want is this: I want to have a tiddlywiki on a dropbox account and want it to recognize the environment ( mobile or desktop) and changed accordingly. More specifically I want to have TiddlyDu3-lite and iTW in a single file (in my dropbox account) and use it as TiddlyDu3-liite on my laptop and as iTW on my Galaxy Tab. 

Thanks in advance.

thomass

unread,
Jun 1, 2012, 9:48:41 AM6/1/12
to tiddl...@googlegroups.com
this page is good:  http://android.tiddlyspace.com/ But I still need to learn how to make it know the environment and change accordingly. 

Måns

unread,
Jun 1, 2012, 9:58:10 AM6/1/12
to TiddlyWiki
Hi Thomass

> want it to recognize the environment ( mobile or desktop) and changed
> accordingly. More specifically I want to have TiddlyDu3-lite<https://groups.google.com/forum/?fromgroups#!topic/tiddlywiki/xzO1xGT...>
>  and iTW <http://itw.bidix.info/> in a single file (in my dropbox account)
> and use it as TiddlyDu3-liite on my laptop and as iTW on my Galaxy Tab.

http://android.tiddlyspace.com/ might give you an idea how to do it...

Good luck.

Cheers Måns Mårtensson

Måns

unread,
Jun 1, 2012, 10:08:36 AM6/1/12
to TiddlyWiki
Hi again..

> this page is good:  http://android.tiddlyspace.com/But I still need to
> learn how to make it know the environment and change accordingly.

Aah - We were cross posting...

First of all you'll need to isolate the two themes into dedicated
systemTheme tiddlers.

You can use Eric's default theme as a template: http://tiddlytools.com/#DefaultTheme

Then we'll have to invent a themeswitcher which will choose the iTW
theme when the screen is small and the TiddlyDu3-lite when it's big...

I guess we need to ask Eric or Mario to help us out here??!!

Cheers Måns Mårtensson

Craig in Calgary

unread,
Jun 1, 2012, 10:56:52 AM6/1/12
to tiddl...@googlegroups.com
Please let us know when you have a successful implementation. I am particularly interested in accomplishing the exact same thing and would appreciate not having to reinvent the wheel in the light of your success (if you don't mind mixed metaphors).

Thank you very much.

thomass

unread,
Jun 1, 2012, 11:43:03 AM6/1/12
to tiddl...@googlegroups.com
Then we'll have to invent a themeswitcher which will choose the iTW
theme when the screen is small and the TiddlyDu3-lite when it's big...

or it can recognize the browser 
for explorer, chrome or firefox > desktop version
 for other cases> mobile version 
 
Cheers Måns Mårtensson

Thanks for your response.  

thomass

unread,
Jun 1, 2012, 11:48:05 AM6/1/12
to tiddl...@googlegroups.com

Please let us know when you have a successful implementation.

I think this thread would be a good place to  write the results. 

( Unfortunately, I have very little free time in the coming week, I'll  try to start to work for this on the next weekend.) 

Måns

unread,
Jun 1, 2012, 1:26:24 PM6/1/12
to TiddlyWiki
Hi Thomass

It just occurred to me that we *can* use the android/iPhone
stylesheet by creating three systemThemes..

1) TiddlyDu3-lite
2) iTW
3) ThemeChooserTheme with the "android/iphone-hack"

Third theme simply references first and second theme's sections
sorrounded by the code from @android and @iphone...

It seems that it should be simple to do, however time consuming part
will be the process of turning TiddlyDu3-lite and iTW into
systemThemes...

Cheers Måns Mårtensson



Måns

unread,
Jun 1, 2012, 6:37:46 PM6/1/12
to TiddlyWiki
Hi Thomass

Alas the "android hack" doesn't work like the showWhen macro provided
by HideWhenPlugin...

I've produced four systemThemes in a standard TW:

http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html

1) TiddlyDu3-lite
2) iTW
3) ThemeChooserTheme with the "android/iphone-hack"
4) DefaultTheme

I've imported all tiddlers except those defined by the systemTheme
from TiddlyDu3-lite and most tiddlers from iTW (except those defined
by the systemTheme and tiddlers related to upload - as those are
unneccesary if you use dropbox)...

Maybe my attempt can save you some time...

http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html

Good luck!

Cheers Måns Mårtensson

Måns

unread,
Jun 1, 2012, 6:40:48 PM6/1/12
to TiddlyWiki
Forgot to tell:

You can set the startup systemTheme in the zzConfigOptions tiddler:

http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html#zzConfigOptions

Cheers

thomass

unread,
Jun 1, 2012, 7:49:53 PM6/1/12
to tiddl...@googlegroups.com


2 Haziran 2012 Cumartesi 01:37:46 UTC+3 tarihinde Måns yazdı:
I've imported all tiddlers except those defined by the systemTheme
from TiddlyDu3-lite and most tiddlers from iTW (except those defined
by the systemTheme and tiddlers related to upload - as those are
unneccesary if you use dropbox)...


Firstly, I need to learn the sytemtheme  concept. 


Maybe my attempt can save you some time...


Really appreciated your helps, thanks 

Måns

unread,
Jun 1, 2012, 9:07:25 PM6/1/12
to TiddlyWiki
Hi Thomass

> Firstly, I need to learn the sytemtheme  concept.

Eric Shulman explains the concept here:

Documentation or Examples for Core Themes:
https://groups.google.com/group/tiddlywiki/browse_thread/thread/727722751d85fe03/54a2b572b9c3d614#54a2b572b9c3d614

Cheers

Måns

unread,
Jun 2, 2012, 9:49:43 AM6/2/12
to TiddlyWiki
Btw - you can force opening your TW with a specified systemTheme via a
paramifier - like this:

Add #txtTheme:ThemeTitle to the URL of your TW

1) http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html#txtTheme:iTWTheme

2) http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html#txtTheme:TiddlyDu3-liteTheme
(needs a few css changes)

3) http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html#txtTheme:DefaultTheme

4) http://dl.dropbox.com/u/22650016/TW/amphibiousTW.html#txtTheme:ThemeSwitcherTheme
(needs a massive overhaul - not usefull atm)

This means that you simply can save a bookmark with a paramifier to
set the theme...

It's a workaround - however it works..

Cheers Måns Mårtensson

On 2 Jun., 03:07, Måns <humam...@gmail.com> wrote:
> Hi Thomass
>
> > Firstly, I need to learn the sytemtheme  concept.
>
> Eric Shulman explains the concept here:
>
> Documentation or Examples for Core Themes:https://groups.google.com/group/tiddlywiki/browse_thread/thread/72772...
>
> Cheers

Daniel

unread,
Jun 2, 2012, 11:50:02 AM6/2/12
to tiddl...@googlegroups.com
You can do it in a stylesheet. here are two examples. One for 2 column tiddlyspace layout and one for 3 column original tiddlywiki layout.

http://iphone.tiddlyspace.com/#StyleSheetIphone%20%5B%5Biphone%20styles%20for%20original%20tiddlywiki%20page%20layout%5D%5D

Daniel

thomass

unread,
Jun 3, 2012, 1:07:59 PM6/3/12
to tiddl...@googlegroups.com



This means that you simply can save a bookmark with a paramifier to
set the theme...

It's a workaround - however it works..


wow, this seems to be a real soln for my problem.  

Thanks.I think this should work  after setting mobile view as default and bookmarking the tiddywiki with desktop view on laptop's  browser, . 



Reply all
Reply to author
Forward
0 new messages