Topic: [Feature] Multi-column lists

Posted under Site Bug Reports & Feature Requests

Requested feature overview description.

A method of making multi-column lists.

Why would it be useful?

When writing out a long list, especially if the entries of that list are very short, a lot of screen space remains unused. Allowing a method to split the list into 2 or 3 columns will better utilize the screen space and reduce the amount of scrolling needed to read the entire list.

See the "Jewelpets" section of jewelpet for an example of a list that could benefit from having three columns instead of one.

The table feature is too fiddly for this and always adds borders and background colors to its contents whether you want it or not.

What part(s) of the site page(s) are affected?

Anywhere with Dtext.

Updated by Siral Exan

We already have one:

h5. Jewelpets:
[table][thead][tr][th][/th][th] [/th][th] 
[/th][/tr][/thead][tbody][tr][td][[alex_(jewelpet)[/td][td]Alex]][sup]!wa[/sup] [/td][td] [[amelie_(jewelpet)[/td][td]Amelie]][sup]xwa[/sup] [/td][td] [[angela_(jewelpet)[/td][td]Angela]][sup]!w[/sup]
[/td][/tr][tr][td][[aqua_(jewelpet)[/td][td]Aqua]][sup]xwa[/sup] [/td][td] [[brownie_(jewelpet)[/td][td]Brownie]][sup]!wa[/sup] [/td][td] [[charotte_(jewelpet)[/td][td]Charlotte]][sup]xwa[/sup]
[/td][/tr][tr][td][[chite[/td][td]Chite]][sup]xwa[/sup] [/td][td] [[coal_(jewelpet)[/td][td]Coal]][sup]!w[/sup] [/td][td] [[dian_(jewelpet)[/td][td]Dian]][sup]!w[/sup]
[/td][/tr][tr][td][[diana_(jewelpet)[/td][td]Diana]][sup]w[/sup] [/td][td] [[flora_(jewelpet)[/td][td]Flora]][sup]!w[/sup] [/td][td] [[garnet_(jewelpet)[/td][td]Garnet]][sup]w[/sup]
[/td][/tr][tr][td][[granite_(jewelpet)[/td][td]Granite]][sup]!w[/sup] [/td][td] [[io_(jewelpet)[/td][td]Io]][sup]!w[/sup] [/td][td] [[jasper_(jewelpet)[/td][td]Jasper]][sup]!w[/sup]
[/td][/tr][tr][td][[kaiya_(jewelpet)[/td][td]Kaiya]][sup]!w[/sup] [/td][td] [[king_(jewelpet)[/td][td]King]][sup]!w[/sup] [/td][td] [[kohaku_(jewelpet)[/td][td]Kohaku]][sup]!w[/sup]
[/td][/tr][tr][td][[kris_(jewelpet)[/td][td]Kris]][sup]!w[/sup] [/td][td] [[labra_(jewelpet)[/td][td]Labra]][sup]!w[/sup] [/td][td] [[lapis_(jewelpet)[/td][td]Lapis]][sup]!w[/sup]
[/td][/tr][tr][td][[larimar[/td][td]Lorimar]][sup]!wa[/sup] [/td][td] [[lolip[/td][td]Lolip]][sup]xwa[/sup] [/td][td] [[luea_(jewelpet)[/td][td]Luea]][sup]!wa[/sup]
[/td][/tr][tr][td][[luna_(jewelpet)[/td][td]Luna]][sup]!w[/sup] [/td][td] [[milky_(jewelpet)[/td][td]Milky]][sup]!w[/sup] [/td][td] [[nephrite_(jewelpet)[/td][td]Nephrite]][sup]!w[/sup]
[/td][/tr][tr][td][[nix_(jewelpet)[/td][td]Nix]][sup]!w[/sup] [/td][td] [[opal_(jewelpet)[/td][td]Opal]][sup]w[/sup] [/td][td] [[peridot_(jewelpet)[/td][td]Peridot]][sup]w[/sup]
[/td][/tr][tr][td][[prase_(jewelpet)[/td][td]Prase]][sup]!w[/sup] [/td][td] [[rald]][sup]xwa[/sup] [/td][td] [[rin[/td][td]Rin]][sup]xwa[/sup]
[/td][/tr][tr][td][[rosa_(jewelpet)[/td][td]Rosa]][sup]!w[/sup] [/td][td] [[ruby_(jewelpet)[/td][td]Ruby]][sup]w[/sup] [/td][td] [[ryl[/td][td]Ryl]][sup]xwa[/sup]
[/td][/tr][tr][td][[sango_(jewelpet)[/td][td]Sango]][sup]w[/sup] [/td][td] [[sapphire_(jewelpet)[/td][td]Sapphie]][sup]w[/sup] [/td][td] [[tata_(jewelpet)[/td][td]Tata]][sup]!w[/sup]
[/td][/tr][tr][td][[titana[/td][td]Titana]][sup]xwa[/sup] [/td][td] [[topaz_(jewelpet)[/td][td]Topaz]][sup]!w[/sup] [/td][td] [[tour_(jewelpet)[/td][td]Tour]][sup]!w[/sup]
[/td][/tr][tr][td][[yuku_(jewelpet)[/td][td]Yuku]][sup]!w[/sup][/td][/tr][/tbody][/table]
Jewelpets:
[[alex_(jewelpet)Alex]]!wa [[amelie_(jewelpet)Amelie]]xwa [[angela_(jewelpet)Angela]]!w
[[aqua_(jewelpet)Aqua]]xwa [[brownie_(jewelpet)Brownie]]!wa [[charotte_(jewelpet)Charlotte]]xwa
[[chiteChite]]xwa [[coal_(jewelpet)Coal]]!w [[dian_(jewelpet)Dian]]!w
[[diana_(jewelpet)Diana]]w [[flora_(jewelpet)Flora]]!w [[garnet_(jewelpet)Garnet]]w
[[granite_(jewelpet)Granite]]!w [[io_(jewelpet)Io]]!w [[jasper_(jewelpet)Jasper]]!w
[[kaiya_(jewelpet)Kaiya]]!w [[king_(jewelpet)King]]!w [[kohaku_(jewelpet)Kohaku]]!w
[[kris_(jewelpet)Kris]]!w [[labra_(jewelpet)Labra]]!w [[lapis_(jewelpet)Lapis]]!w
[[larimarLorimar]]!wa [[lolipLolip]]xwa [[luea_(jewelpet)Luea]]!wa
[[luna_(jewelpet)Luna]]!w [[milky_(jewelpet)Milky]]!w [[nephrite_(jewelpet)Nephrite]]!w
[[nix_(jewelpet)Nix]]!w [[opal_(jewelpet)Opal]]w [[peridot_(jewelpet)Peridot]]w
[[prase_(jewelpet)Prase]]!w raldxwa [[rinRin]]xwa
[[rosa_(jewelpet)Rosa]]!w [[ruby_(jewelpet)Ruby]]w [[rylRyl]]xwa
[[sango_(jewelpet)Sango]]w [[sapphire_(jewelpet)Sapphie]]w [[tata_(jewelpet)Tata]]!w
[[titanaTitana]]xwa [[topaz_(jewelpet)Topaz]]!w [[tour_(jewelpet)Tour]]!w
[[yuku_(jewelpet)Yuku]]!w

Updated by anonymous

^ OP said tables weren't suitable and specified why.

On a slightly different topic, is a fixed number of columns actually desirable? If we could do automatically determined #columns, that would accommodate mobile users better.

Updated by anonymous

A responsive list feature would be neat. I'm just not sure that it's used enough to justify putting any dev time into it. A flag for the table tag to turn off the background colors and outlines might also be neat, but I have the same doubts.

In the meantime, if you think that the table feature is too fiddly, here is a script that will* convert a list into a table for you. It's in python because I've been meaning to learn python and this seemed like a slightly practical exercise.

*Probably. It seems to work. I'm not claiming to be any good at this stuff.

Updated by anonymous

savageorange said:
^ OP said tables weren't suitable and specified why.

On a slightly different topic, is a fixed number of columns actually desirable? If we could do automatically determined #columns, that would accommodate mobile users better.

Holy smokes, just took a look at the updated wiki on my phone, the table is bad for mobile!

Updated by anonymous

Furrin_Gok said:
Holy smokes, just took a look at the updated wiki on my phone, the table is bad for mobile!

What do you mean? On an iPhone it doesn't look bad. A bit small if not zoomed, though.

Updated by anonymous

  • 1