nomadjimbob / mikioplugin

Mikio Plugin adds a heap of layout and Bootstrap 4 elements that can be used on your DokuWiki pages.
http://dokuwiki.org/plugin:mikioplugin
GNU General Public License v2.0
12 stars 1 forks source link

Using headers inside of rows and columns breaks them #30

Closed EmmaKnijn closed 9 months ago

EmmaKnijn commented 9 months ago

image image

using headers inside of rows and columns breaks them, they just display as plaintext, there's also a stupid amount of space between elements.

nomadjimbob commented 9 months ago

Dokuwiki headers are not supported inside rows/cols due to a limitation of Dokuwiki.

I can't comment on there's also a stupid amount of space between elements without seeing the pages code and any styling you may have applied.

Based on the code provided, and using the mikio heading element, I don't get the stupid amount of space.

<row>
<col 9>
<heading> Nokia 105 (2017) </heading>
<alert light>We have access to a Nokia TA-1010 </alert>
</col>
</row>
Screenshot 2024-01-13 at 10 32 11 pm
EmmaKnijn commented 9 months ago
<row>
<col 9>

====== Nokia 105 (2017) ======
<alert light> We have access to a Nokia TA-1010 </alert> 

The Nokia 105 has the following numbers, with no known codenames.
  * TA-1010
  * TA-1034 (Dual Sim)
  * TA-1037

The TA-1010 is reportedly using the MT6261D Chipset by Mediatek, the data for which is available at {{ :vendors:nokia:mt6261d-mediatek.pdf |}}

===== Secret codes =====
  * ***#7370#** Factory reset  - {{ :vendors:nokia:ta-1010-code-7370.jpg?linkonly|}}
  * ***#06#** View the Serial Number / IMEI - {{ :vendors:nokia:ta-1010-code-06.jpg?linkonly |}}
  * ***#0000#** View software info - {{ :vendors:nokia:ta-1010-0000.jpg?linkonly |}}

===== "Hidden" features =====
  * You can hold the # button on the lock screen to switch profiles between Silent and General
  * You can hold the * button on the lock screen to enable the FM radio

===== Other images =====
{{:vendors:nokia:ta-1010-battery.jpg?400|}}
{{:vendors:nokia:ta-1010-battery-installed.jpg?400|}}
{{:vendors:nokia:ta-1010-battery-uninstalled.jpg?400|}}

</col>
<col 3><card align-right image="{{ :vendors:nokia:ta-1010.jpg?400|}}" title="Phone Name" width=18em>

<accordion>
  <accordion-item title="Specifications" show>

**Body**
  * Dimensions:
  * Weight:
  * Construction:
  * IP Rating:
**Display**
  * Type: (OLED, IPS, TN, etc.)
  * Size: (Physical size of the display in inches)
  * Resolution: (Resolution of the display, aspect ratio and ppi density)
  * Refresh Rate: (All available refresh rate options in the factory settings app)
  * Protection: (Gorilla Glass, Sapphire Glass, etc.)
  * Extra features: (AOD, Color AOD, Curved, Folding, etc)
**Platform**
  * OS: (Launch OS and newest version available)
  * Support lifetime: (Feature update date, associated Android version. Security Update date)
  * Chipset:
  * CPU: (Specifics about the CPU build, and additions like Tensor chips)
  * GPU: (the exact gpu used)
  * Hardware encoding: (eg h264: 1280x720@30fps)
  * Hardware decoding: (eg h264: 3840x2160@60fps)
**Memory**
  * TF Card Slot: (make sure to specify TF or SD Card)
  * Internal: (storage and ram, specific storage type eg UFS3.1)
**Camera(s)**
  * (type, ultrawide, macro, selfie etc.) Camera: (Photo size) (max video size eg 3840x2160@30/60fps) (1080p framerate eg 1920x1080@30/60/120fps)
  * (make sure to repeat for all cameras)
**Sound**
  * Loudspeaker: (amount, arrangement)
  * 3.5mm jack: (yes or no)
  * DAC chip (if 3.5mm):
**Comms**
  * Mobile Network technology: (4G, 5G etc.)
  * SIM: (eg 1x Nano-SIM, 2x eSIM)
  * WiFi: (eg Wi-Fi 802.11 a/b/g/n/ac/6e, dual-band, Wi-Fi Direct)
  * Bluetooth: (bluetooth version and extentions)
  * Bluetooth audio: (codecs supported by the phone for bluetooth audio)
  * Positioning: (gps, glonass etc.)
  * NFC: (yes or no)
  * Radio: (yes or no)
  * USB: (usb version/speed and port)
  * USB Audio: (wether the phone supports outputting audio over USB
**Features**
  * Sensors: (fingerprint and type, and others)
**Battery**
  * Battery: (battery type, size and removability)
  * Charging: (Speed, protocol. Wireless speed)
**Misc**
  * Colors: (color options with images)
  * Models:
  * MSRP:
  * Launch date:

</accordion-item>
</accordion>

</card></col>
</row>

This is the entire page code, how do I work around the dokuwiki headers limitation?

nomadjimbob commented 9 months ago

Fixed the vertical alignment in the latest release (2024-01-14). Columns should now align content to the top with a vertical-align option to override.

Based on your page design, you should be using a right sidebar page (if using mikio, add the page rightsidebar in the same namespace), then you would not need to do the 2 columns within the page body, and dokuwiki headers would work fine.

However alternatively if you need to have the right sidebar content within the page body, you could either:

<right-sidebar>
<card>My content and stuff</card>
</right-sidebar>

===== My header =====
the main page content
EmmaKnijn commented 9 months ago

Seems to work, thanks!