DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:mobiletable

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
plugin:mobiletable [2017-05-23 10:26] – [Table] 2407:4000:2:100:98b9:625b:7d75:6c0cplugin:mobiletable [2023-12-04 17:28] (current) – [Configuration options] 142.170.80.30
Line 6: Line 6:
 email      :   email      :  
 type       : syntax, action type       : syntax, action
-lastupdate : 2016-07-18 +lastupdate : 2023-04-18 
-compatible : DetritusElenor Of Tsort+compatible : GreeboHogfather, Igor, Jack Jackrum
 depends    :  depends    : 
 conflicts  conflicts 
Line 23: Line 23:
 ===== Installation ===== ===== Installation =====
  
-Install the plugin using the [[plugin:plugin|Plugin Manager]] and the download URL above, which points to latest version of the plugin. Refer to [[:Plugins]] on how to install plugins manually.+Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.
  
 ===== Examples/Usage ===== ===== Examples/Usage =====
Line 32: Line 32:
 In the mobile presentation (specified by your theme's ''%%__phone_width__%%'') this: In the mobile presentation (specified by your theme's ''%%__phone_width__%%'') this:
  
-Backup Client  Schedule           |Type                   || Retention  |          |          | +Name   Color Size  ^ Speed   ^ 
-| :::            | Daily     | Weekly  | Full     | Incremental  | File       | Job      | Volume   | +Item 1 Red   | Small 50 km/h | 
-202.45.139.83  √         | Large   | 30 km/h  30 km/h      30 km/h    30 km/h  | 30 km/h  |+^ Item 2 Green | Large | 30 km/h |
  
-  !^Name   ^ Color ^ Size  ^ Speed   ^+  <mobiletable 1> 
 +  ^ Name     ^ Color ^ Size  ^ Speed   ^
   ^ Item 1   | Red   | Small | 50 km/h |   ^ Item 1   | Red   | Small | 50 km/h |
   ^ Item 2   | Green | Large | 30 km/h |   ^ Item 2   | Green | Large | 30 km/h |
 +  </mobiletable>
  
 ...becomes this: ...becomes this:
Line 53: Line 55:
 ===== Syntax ===== ===== Syntax =====
  
-To activate mobile tables, add ''!'' in front of a table's head row:+To activate mobile tables, wrap it in ''<mobiletable>...</mobiletable>'' syntax:
  
-  !^ Name   ^ Color ^ Size  ^ Speed   ^+  <mobiletable> 
 +  ^ Name    ^ Color ^ Size  ^ Speed   ^
   ^ Item 1  | Red   | Small | 50 km/h |   ^ Item 1  | Red   | Small | 50 km/h |
   ^ Item 2  | Green | Large | 30 km/h |   ^ Item 2  | Green | Large | 30 km/h |
 +  </mobiletable>
  
 This would create a mobile table like this: This would create a mobile table like this:
Line 70: Line 74:
 | Speed | 30 km/h | | Speed | 30 km/h |
  
-Use a second ''!'' as the first character of the cell that you want to make the main/index column.+You may specify the index (starting with 1) of the column you want to make the main/index column.
 Using the first example again, your could also make the //Color// column the main column: Using the first example again, your could also make the //Color// column the main column:
  
-  !^ Name   ^Color ^ Size  ^ Speed   ^+  <mobiletable 2> 
 +  ^ Name    ^ Color  ^ Size  ^ Speed   ^
   ^ Item 1  | Red    | Small | 50 km/h |   ^ Item 1  | Red    | Small | 50 km/h |
   ^ Item 2  | Green  | Large | 30 km/h |   ^ Item 2  | Green  | Large | 30 km/h |
 +  </mobiletable>
  
 ^ Red            ^^ ^ Red            ^^
Line 87: Line 93:
  
  
-Additionally this plugin provides ''<only **desktop**></only>'' and ''<only **mobile**></only>'' markup (which it also uses internallythat can be used to hide content from one or the other.+Note that the previous example could also be expressed using the ''!''-syntax for backwards compatibility: 
 + 
 +  !^ Name   ^! Color ^ Size  ^ Speed   ^ 
 +  ... 
 + 
 +However, this syntax is not recommended anymore as it breaks section editing. 
 + 
 +===== Configuration options ===== 
 + 
 +^ Option ^ Description ^ Default value ^ 
 +|''hideHeadings'' | Names of table headings (comma separated), which are redundant or self-explanatory. These will not be duplicated for the mobile view but displayed as a connected cell instead(e.g.: "image, #, no.") | ''image, Image'' |
  
 === Change Log === === Change Log ===
Line 95: Line 111:
 === Known Bugs and Issues === === Known Bugs and Issues ===
  
-:!: Footnotes in tables are not carried over to the mobile version.+  * This extension does not appear to work with the "mikio" theme
  
 ===== FAQ ===== ===== FAQ =====
plugin/mobiletable.1495528005.txt.gz · Last modified: 2017-05-23 10:26 by 2407:4000:2:100:98b9:625b:7d75:6c0c

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