History: Mobile

• «
• »

            ! Mobile
All Tiki based sites have the ability to be browsable through on mobile phones or PDA pocket based browsers.

!! Since Tiki19
Since ((Tiki19)), Tiki is using the ((themes:Bootstrap)) 4 mobile-first front-end frameowrk.

!! Since Tiki13
Since ((Tiki13)), Tiki is using the ((themes:Bootstrap)) 3 mobile-first front-end frameowrk.

!! Since Tiki7
Starting in Tiki7, the mobile version is powered by [http://jquerymobile.com/|jQuery Mobile] and [http://mobileesp.com/|MobileESP].

Apply the [http://profiles.tiki.org/Mobile|Mobile profile] to use. This profile will create a minimal perspective that will allow you then to use a special home page, menus etc just for mobile. All features of Tiki (login, etc.) are expected to work well over time.

Then go to the site on a mobile device and it automatically (should) kick in (i.e. it switches to the mobile perspective and mobile theme which adds the jquery.mobile libraries & css). 

Alternatively, you can click the "__switch to mobile__" link on the mobile module the profile adds for you.

{REMARKSBOX(type="tip" title="Workaround")}__Note:__ This is still an experimental feature and occasionally problems have been known to occur.
If your site gets stuck with a "loading" message you can get your site back in to "normal" mode by going to this URL and a normal browser:
* http://www.example.com/?mobile_mode=n
''(this has also been unreliable in Tiki versions prior to 9.0 in which case clearing cookies may help)''{REMARKSBOX}


!! How to enable/disable mobile mode
Tiki will automatically change the display mode to mobile when a  mobile device is detected. You can in addition change to mobile mode or return to standard display mode manually with the side module for Mobile (created automatically when you apply the Profile Mobile to your Tiki site). 

{img src="display965" link="display965" width="200" rel="box[g]" imalign="center" align="center" styleimage="border" desc="Module in a side column"}

!! Improved in Tiki12
Mobile mode display has been extensively improved in ((Tiki12)). See as an example this page Mobile displayed in standard mode:

{img src="display964" link="display964" width="580" rel="box[g]" imalign="center" desc="Click to expand" align="center" styleimage="border"}

And the same page displayed for mobile devices:

^{img fileId="942" thumb="y" width="580" rel="box[g]"}^

!! Since Tiki 1.7
Starting in Tiki 1.7, this is thanks to the power of the HAWHAW library. This is currently limited to Wiki pages, Articles and Forums. Other Tiki areas and authentication are not supported. You can see in either small font size or magnified version:

^::{img src="img/wiki_up/mobile_tiki_02.png" desc="Small font size" width=350 }::^

^::{img src="img/wiki_up/mobile_tiki_04.png" desc="Magnified font size" width=350 }::^

Useful links:
[http://tiki.org/MobileTiki&highlight=mobile]
[http://tiki.org/AboutHawiki&highlight=mobile]
[http://www.hawhaw.de/]
[http://irc.tiki.org/irclogger_log/tikiwiki?date=2010-05-01,Sat]
[http://mobile.tiki.org/tiki-index.php?page=TestSyntax|What is supported from the wiki syntax?]

From here:
{toc}