Help talk:Infoboxes/Tags

Formatting needs to be rethought
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 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. 17:14: Fri 14 Jul 2017


 * I know it's been nearly 2 years already, but I just wanted to thank 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
It is mentioned that  is an attribute of , 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 . It's horizontal grouping that flows responsively. Put   inside the group and it will span two units out of.

 https://i.imgur.com/SjANenX.png


 * • speedy • 🔔&#xFE0E; • 🚀&#xFE0E; • 19:48, November 2, 2017 (UTC)

Alt text and title HTML attribute
Is there a way to add alt text to an image in a portable infobox without also adding a title attribute? - Citrusellaeditswikis (talk) 23:02, October 27, 2019 (UTC)

PortableInfobox tags treated differently in FandomDesktop TOC
On FandomDesktop, the table of contents remove the PI tags from display. They're actually there in the page source (Oasis and Hydra render the tags without issue) and appear for a brief moment. Adding additional escapes to make it appear result in worse URL anchors, but can prevent the tags from disappearing.

I propose that we just use the plain tag name without  and. This has the additional benefit of a simpler anchor (i.e.  instead of  ). If the reader needs to visually understand what a "tag" is, they can look at the section text where we have more flexibility and has no impact on the ToC and URL anchors.

Live example
Below are the three different headers to allow comparison of what it would look like in ToC and section headers (check page source, use dev tools, or preview it in Special:ExpandTemplates):
 * 1) only tag name
 * 2) tag name with less-than-greater-than
 * 3) tag name with escaped HTML codes lt and gt

HTML output comparison
Here are the comparisons of wikitext and the resulting HTML output in ToC and section headers.
 * Note: the source code requires an additional escaping of HTML entities to correctly render in page; this is a MediaWiki limitation. As such, please use the rendered output and not the wikitext source code for comparison.

Hopefully, this gets resolved before FandomDesktop is fully released. --BryghtShadow (talk) 06:21, 8 June 2021 (UTC)
 * I went ahead and removed &lt; and &gt; from each section (Special:Diff/3447935). They are now rendering on both skins, and the anchor is simpler. --BryghtShadow (talk) 12:45, 18 June 2021 (UTC)