Not logged in. · Lost password · Register
Forum: General Help and Support Installation and Configuration RSS
Creating balanced/responsive columns
How to show a long list more compact
Avatar
Karsten75 #1
User title: Karsten75
Member since Mar 2015 · 10 posts · Location: Dallas, Texas, USA
Group memberships: Members
Show profile · Link to this post
Subject: Creating balanced/responsive columns
My search started with wanting to break a very long list into a more compact form to avoid so much whitespace on a page

https://knucklecracker.com/wiki/doku.php?id=4rpl:index

Ideally, I'd be able to break it up into 2 or 3 columns.  In fact, I found a post/article/advice somewhere about adding markup to wiki to allow 2- or 3-column layout fairly simply.

https://www.dokuwiki.org/tips:simple_columns#alternate_wit…

this lead me down the path of exactly how many columns. Sometimes a browser page is wider and sometimes it's narrower. Sometimes it's even viewed on mobile devices.

I guess it digs into the entire can of worms of responsive layouts, which I can't do, but is there a way to allow at least the columns mode to be responsive to the width of the page?

Or is there a really simple thing I can do to make the entire wiki being in responsive layout?

Thanks for all help/advice.
Avatar
Aleksandr #2
Member since Mar 2010 · 574 posts · Location: Volgograd, Russia
Group memberships: Members
Show profile · Link to this post
knucklecracker.com/wiki/doku.php?id=4rpl:index
Permission Denied

Try to use the WRAP Plugin.
ru: Пожалуйста, избегайте избыточного цитирования.
en: Don’t use an overquoting, please.
Avatar
Aleksandr #3
Member since Mar 2010 · 574 posts · Location: Volgograd, Russia
Group memberships: Members
Show profile · Link to this post
An example for cw3:creeper_world_3

<WRAP group>

<WRAP half column>
=== General Information ===

  * [[cw3:the_game|Start Here]] 
  * [[cw3:story line|Story Line]] 
  * [[cw3:units|Units]]
  * [[cw3:custom_maps|Custom Maps]] 
  * [[cw3:textures|Textures]]
  * [[Gallery of Mission Maps]]

=== Dial Map Device (DMD) Explained ===

  * [[cw3:DMD|The DMD explained]]

=== CRPL Information ===

  *[[:crpl:overview|CRPL Overview]]
  *[[:crpl:CrplReference|CRPL Reference]]
  *[[:crpl:CrplTutorial|CRPL Tutorial]]
  *[[:crpl:CrplTutorial:Code Examples|Code Examples]]
    * [[crpl:crpltutorial:easyCRPL|EasyCRPL code examples]]
  *[[:crpl:custom_image_repository|Custom Image Repository]]
  *[[:crpl:CrplTutorial:Interactive|CRPL Interactive Tutorials]]
  *[[:crpl:Missing|The Missing Command List]]
  *[[:crpl:cheatsheet|Quick reference cheat sheet]]
  *[[:crpl:examine_map_resources|CRPL Examine map resources]]

</WRAP>

<WRAP half column>
=== Custom Map Modes ===

== PAC (Play as Creeper) ==

  * [[:pac:overview|What's this?]]
  * [[:pac:maps|List of PAC maps]]
  * [[:pac:tutorial|Tutorial]]
  * [[:pac:template|PAC Template map and scripts]]

== The Sleeper Menace ==

  * [[:sleeper:overview|What are the Sleepers?]]
  * [[:sleeper:maps|List of all Sleeper maps]]
  * [[https://knucklecracker.com/forums/index.php?topic=18407.0|Official Forum Post]]
  * [[https://knucklecracker.com/forums/index.php?topic=18434.0|Create your own Sleeper map!]]

== Particle Maps ==

  * [[:particle:overview|What're Particles?]]
  * [[:particle:maps|List of all Particle maps]]
  * [[https://knucklecracker.com/forums/index.php?topic=20122.0|Official Forum Post]]
  * [[:particle:how|How to add this game mode to your map]]

== CWDig aka CSM ==

  * [[:cwdig:overview|What's this?]]
  * [[:cwdig:maps|List of all CWDig maps]]
  * [[https://knucklecracker.com/forums/index.php?topic=28617.0|Official forum post]]
  * [[https://knucklecracker.com/forums/index.php?topic=28617.0|Create your own CWDig map!]]

</WRAP>

</WRAP>
ru: Пожалуйста, избегайте избыточного цитирования.
en: Don’t use an overquoting, please.
The author has attached one file to this post:
mobile-view.png 52.9 kBytes
You have no permission to open this file.
Avatar
Aleksandr #4
Member since Mar 2010 · 574 posts · Location: Volgograd, Russia
Group memberships: Members
Show profile · Link to this post
A normal viewing.
ru: Пожалуйста, избегайте избыточного цитирования.
en: Don’t use an overquoting, please.
The author has attached one file to this post:
normal-view.png 87.2 kBytes
You have no permission to open this file.
Avatar
Karsten75 #5
User title: Karsten75
Member since Mar 2015 · 10 posts · Location: Dallas, Texas, USA
Group memberships: Members
Show profile · Link to this post
It is only after I wondered why you used a different page that I realized the page I references is still protected from general access as we develop the game. My apologies.

Thank you for providing some suggestions and for taking the trouble to find relevant material to demonstrate with. 

I'm familiar with the WRAP plugin - familiar in that it is installed and in use, but I can't say I've explored all  possible  uses for it.

I don't think it'll do for a number of reasons.

However, in looking at the example you created for me, I realized that in the prior game I used the nspages plugin to do what I need, more or less, so I've  resolved my requirements. Thank you for your effort. Much appreciated.
Avatar
Aleksandr #6
Member since Mar 2010 · 574 posts · Location: Volgograd, Russia
Group memberships: Members
Show profile · Link to this post
You are welcome.
ru: Пожалуйста, избегайте избыточного цитирования.
en: Don’t use an overquoting, please.
Avatar
ach (Administrator) #7
Member since May 2006 · 1956 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
In reply to post #5
Quote by Karsten75 on 2020-01-17, 20:36:
I'm familiar with the WRAP plugin - familiar in that it is installed and in use, but I can't say I've explored all  possible  uses for it.

I don't think it'll do for a number of reasons.

Can you list those reasons?
It does create balanced as well as responsive columns.

If using column half or column third is not the right thing, try col2 to col5 or colsmall, colmedium and collarge.
Avatar
Aleksandr #8
Member since Mar 2010 · 574 posts · Location: Volgograd, Russia
Group memberships: Members
Show profile · Link to this post
In reply to post #5
Quote by Karsten75 on 2020-01-17, 20:36:
I used the nspages plugin

<WRAP col3>
<nspages prpl: -simpleList -textPages="YOUR TEXT HERE">
</WRAP>

<WRAP clear />
ru: Пожалуйста, избегайте избыточного цитирования.
en: Don’t use an overquoting, please.
This post was edited on 2020-01-20, 20:18 by Aleksandr.
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2020-02-17, 08:38:07 (UTC +01:00)