Formatting needs to be rethought Edit
While this page is helpful in learning about the infobox tags, the current formatting leaves a lot to be desired.
The example "output" listings, in particular, are extremely difficult to read due to the extremely narrow page width. (Effectively locked even if you widen the browser, the only responsive change is that the font size grows larger.) All examples of any meaningful complexity will require extensive horizontal scrolling inside a narrow box. The effect feels like peeking at bits of the code through a peephole, with no way to comfortably take in the entire block all at once, or even get a good sense of the overall structure.
Some sort of pop-out feature to view the block inside a wider, floating frame would probably make things slightly better. But a page design that didn't squash the content into a thin column (and then further split that in half, by using a side-by-side structure for the input/output code blocks!) would really turn this into a useful and readable resource. -- FeRDNYC (talk) 07:59, July 13, 2017 (UTC)
- Interim CSS fix deployed (which allows wrapping in <pre /> code). The page can be rewritten (and reorganized), but it is still very useful to have that code side-by-side. Thanks for the tip! FishTank (wall) 16:37, July 14, 2017 (UTC)
- Hey hey :) Just dropping by with a li'l reminder of an oddity about Community Central. Help pages are considered content and so they render in Mercury here -- something that is not the case on most wikis. That means we need to be mindful of how the content of this page looks on portable devices. And, because it's shared help, we also need to ensure that the page works just as well on batman.wikia.com (which doesn't have access to any local Community CSS or JS) as it does here.
- Things like:
- "Some sort of pop-out feature to view the block inside a wider, floating frame would probably make things slightly better."
- ... just aren't possible because of both Mercury and the fact that this is shared help.
- Things like:
- I know it's been nearly 2 years already, but I just wanted to thank CzechOut for putting in all the work to convert all of this page's code/output samples from side-by-side to vertically stacked. It makes a world of difference, the thing's practically readable now! Muchos kudos. Your efforts do not go unnoticed. (...Eventually.)) -- FeRDNYC (talk) 14:25, April 16, 2019 (UTC)
Span Attribute Edit
It is mentioned that
span is an attribute of
<data>, but I can’t seem to find anywhere on the Portability Hub or in any help pages what this attribute is for. Does anyone know?
- Bit late to answer, but span is used on data items in
<group row-items="n">. It's horizontal grouping that flows responsively. Put
<data span="2">inside the group and it will span two units out of
<infobox> <group row-items="4"> <data> <label>Power</label> <default>Unreal</default> </data> <data span="2"> <label>Mode</label> <default>Super Saiyan</default> </data> <data> <label>Scouter</label> <default>Broken</default> </data> </group> </infobox>