DokuWiki

It's better when it's simple

User Tools

Site Tools


template:dokumobile

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
template:dokumobile [2015-03-27 13:08] 87.139.20.29template:dokumobile [2023-12-16 18:15] (current) – new download url Aleksandr
Line 1: Line 1:
 ====== dokumobile Template ====== ====== dokumobile Template ======
 +
 ---- template ---- ---- template ----
-description   : an iPhone compatible template for DokuWiki!+description   : An iPhone compatible template for DokuWiki
 author        : hiflyer author        : hiflyer
 email         : hiflyer.x@gmail.com email         : hiflyer.x@gmail.com
-lastupdate    : 2010-03-01 +lastupdate    : 2010-02-28 
-compatible    : DokuWiki 2009-12-25, Binky +compatible    : 2009-12-25c “Lemming”2013-12-08 “Binky 
-depends       : +depends       : plugin:jquery
 conflicts     :  conflicts     : 
 similar       :  similar       : 
Line 12: Line 13:
 tags          : iPhone, mobile tags          : iPhone, mobile
  
-downloadurl   : http://kjh.ca/dokumobile_2010_02_28.zipFIXME +downloadurl   : https://trello.com/1/cards/5d711bc283c3778bffe22c01/attachments/5d711d28fb2a477484e28ef0/download/dokumobile.zip 
-bugtracker    : # eg. http://github.com/example/dokuwiki-plugin-sample/issues +bugtracker    : # eg. https://github.com/example/dokuwiki-plugin-sample/issues 
-sourcerepo    : # eg. http://github.com/example/dokuwiki-plugin-sample/+sourcerepo    : # eg. https://github.com/example/dokuwiki-plugin-sample/
 donationurl   : # eg. https://www.paypal.com/... donationurl   : # eg. https://www.paypal.com/...
 ---- ----
- 
  
 Since there hasn't been a DokuWiki template for the iPhone, I decided to try my hand at creating one. This was based on the default template that comes with DokuWiki. Hopefully it doesn't totally suck on it's first release... Since there hasn't been a DokuWiki template for the iPhone, I decided to try my hand at creating one. This was based on the default template that comes with DokuWiki. Hopefully it doesn't totally suck on it's first release...
  
-I am not a programmer & would welcome tweaks & additions to make it more esthetically appealing - especially better icons ;)+I am not a programmer & would welcome tweaks & additions to make it more esthetically appealing -- especially better icons ;)
  
 That said, I've found it to be very usable which was the key. That said, I've found it to be very usable which was the key.
Line 28: Line 28:
  
  
-=====More Screens=====+===== More Screen s=====
  
 {{http://img718.imageshack.us/img718/6096/dokumobiletoolbar.png?200| Toolbar}} {{http://img35.imageshack.us/img35/8961/dokumobiletoc.png?200|Table on Contents}} {{http://img188.imageshack.us/img188/8360/dokumobileformatting.png?200|Formatting}} {{http://img64.imageshack.us/img64/5343/dokumobileadmin.png?200|Admin}} {{http://img718.imageshack.us/img718/6096/dokumobiletoolbar.png?200| Toolbar}} {{http://img35.imageshack.us/img35/8961/dokumobiletoc.png?200|Table on Contents}} {{http://img188.imageshack.us/img188/8360/dokumobileformatting.png?200|Formatting}} {{http://img64.imageshack.us/img64/5343/dokumobileadmin.png?200|Admin}}
- 
- 
  
 ===== Quick rundown: ===== ===== Quick rundown: =====
Line 43: Line 41:
 Click on a button to display that link's contents. Click on a button to display that link's contents.
  
-They show / hide using jQuery+They show / hide using jQuery.
  
 ===== Requirements ===== ===== Requirements =====
  
-[[plugin:jquery | jQuery plugin]]+  * [[plugin:jquery|jQuery plugin]]
  
-Create a page at "wiki:navigation_mobile" to use as your navigation page (or edit the top_bar.php to point somewhere else). I highly suggest [[plugin:indexmenu  |indexmenu]], or another autogenerating navbar plugin.+Create a page at "wiki:navigation_mobile" to use as your navigation page (or edit the ''top_bar.php'' to point somewhere else). I highly suggest [[plugin:indexmenu |indexmenu]], or another autogenerating navbar plugin.
  
 ===== Plugin Issues ===== ===== Plugin Issues =====
Line 55: Line 53:
 Since most plugins were NOT designed around the idea of a 320px wide screen, some do require tweaking. Since most plugins were NOT designed around the idea of a 320px wide screen, some do require tweaking.
  
-The [[plugin:note| Note plugin]] requires the following changes to it's style.css:+The [[plugin:note|Note Plugin]] requires the following changes to it'''style.css'':
  
-<code>+<code css>
 .noteclassic, .noteimportant, .notewarning, .notetip { .noteclassic, .noteimportant, .notewarning, .notetip {
   margin: 2em;   margin: 2em;
Line 76: Line 74:
 } }
 </code> </code>
- 
  
 More to come probably... More to come probably...
- 
- 
  
 ===== Download and Install ====== ===== Download and Install ======
Line 86: Line 81:
 Use the following URL to download this template: Use the following URL to download this template:
  
-  * http://kjh.ca/dokumobile_2010_02_28.zip (FIXME file not found :-() +  * [[https://trello.com/1/cards/5d711bc283c3778bffe22c01/attachments/5d711d28fb2a477484e28ef0/download/dokumobile.zip|dokumobile.zip]]
  
 Refer to [[:template]] on how to install and use templates in DokuWiki. Refer to [[:template]] on how to install and use templates in DokuWiki.
  
 ==== Use as an alternative mobile Theme  to a standard Theme ==== ==== Use as an alternative mobile Theme  to a standard Theme ====
 +
 I switch Themes based on the usesd Device: I switch Themes based on the usesd Device:
-  * put **Mobile_Detect.php** ((http://code.google.com/p/php-mobile-detect/)) into your conf-dir + 
-  * put into your local.php manually after "$conf['template']=":+  * put **Mobile_Detect.php**((http://code.google.com/p/php-mobile-detect/)) into your conf-dir 
 +  * put into your local.php manually after "%%$conf['template']=%%":
  
   include("Mobile_Detect.php");   include("Mobile_Detect.php");
Line 105: Line 101:
 (Admin, mediamanager, configuration, etc...) (Admin, mediamanager, configuration, etc...)
  
-Configurable options need to be added into the main DokuWiki configuration page+Configurable options need to be added into the main DokuWiki configuration page.
  
 ===== Tips ===== ===== Tips =====
  
 If you're editing a wiki page on your iPhone and need to scroll the edit box, hold one finger down in the edit box area and then scroll with a second finger. Works perfectly! If you're editing a wiki page on your iPhone and need to scroll the edit box, hold one finger down in the edit box area and then scroll with a second finger. Works perfectly!
- 
  
 ===== Bugs & Issues ===== ===== Bugs & Issues =====
-  * There appears to be an issue with the top_bar.php file, originally the img src has an extra "?>at the end causing the image path to 404.+ 
 +  * There appears to be an issue with the top_bar.php file, originally the img src has an extra ''?>'' at the end causing the image path to 404.
 Add your bugs or issues here Add your bugs or issues here
-  * Use jQuery.noConflict() with the Editor+  * Use ''jQuery.noConflict()'' with the Editor 
 ===== Discussion ===== ===== Discussion =====
  
Line 121: Line 118:
  
 Regardless of the browser, I find that the code you provide to switch templates based on UserAgent creates a failure of the wiki to load on mobile devices unless tplSwitcher plugin is also installed and activated.  After activation, that plugin it adds code to local.protected.php that makes the Mobile_Detect.php mod work (and load on mobile devices).  tplSwitcher can then be disabled if desired, but the code in local.protected.php MUST stay or the wiki won't load on mobile devices. Regardless of the browser, I find that the code you provide to switch templates based on UserAgent creates a failure of the wiki to load on mobile devices unless tplSwitcher plugin is also installed and activated.  After activation, that plugin it adds code to local.protected.php that makes the Mobile_Detect.php mod work (and load on mobile devices).  tplSwitcher can then be disabled if desired, but the code in local.protected.php MUST stay or the wiki won't load on mobile devices.
 +
 ==== Solution to MSIE/Safari ==== ==== Solution to MSIE/Safari ====
-Edit top_bar.php and change. 
  
-<code>+Edit ''top_bar.php'' and change. 
 + 
 +<code html>
   7 <table width="300px" cellspacing="0" cellpadding="0" style="border:0;margin:5px auto 5px auto;">   7 <table width="300px" cellspacing="0" cellpadding="0" style="border:0;margin:5px auto 5px auto;">
   8   <tr>   8   <tr>
Line 132: Line 131:
  12   </tr>  12   </tr>
  13 </table>  13 </table>
- 14</code>+ 14 
 +</code>
  
 to to
  
-<code>+<code html>
   7 <table width="300px" cellspacing="0" cellpadding="0" style="border:0;margin:5px auto 5px auto;">   7 <table width="300px" cellspacing="0" cellpadding="0" style="border:0;margin:5px auto 5px auto;">
   8   <tr>   8   <tr>
Line 144: Line 144:
  12   </tr>  12   </tr>
  13 </table>  13 </table>
- 14</code>+ 14 
 +</code>
  
 This does not seem to be a jQuery issue (and not a browser issue as well). Just remove the "? >" sequence after the image file names since ".../icon_left.png? >" is not a valid URL! After modifying the template file images should show up properly in any browser. This does not seem to be a jQuery issue (and not a browser issue as well). Just remove the "? >" sequence after the image file names since ".../icon_left.png? >" is not a valid URL! After modifying the template file images should show up properly in any browser.
Line 162: Line 163:
  
 Edit **\wiki\lib\tpl\multitemplate\meat.php** like this. Edit **\wiki\lib\tpl\multitemplate\meat.php** like this.
 +
 <code php> <code php>
 <?php global $DOKU_TPL,$DOKU_TPLINC; ?> <?php global $DOKU_TPL,$DOKU_TPLINC; ?>
Line 208: Line 210:
  
 UPDATE: UPDATE:
 +
 Actually it is not running... I had to add the following at the beginning: Actually it is not running... I had to add the following at the beginning:
 +
 <code php> <code php>
 <?php <?php
template/dokumobile.1427458093.txt.gz · Last modified: 2015-03-27 13:08 by 87.139.20.29

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki