Forum:Infobox Updates

Forums: Index > Watercooler > Infobox Updates

I have received a message asking us to migrate to the new "infobox markup", to enable our pages to display nicely on "mobile devices". I think we should be able to update the display part of {{Showfacts person}} to use the new markup. To that end, I have created {{Test Portable Person}} as a prototype for the display code. Here are two example cases:

Template:Test Portable Person Template:Test Portable Person

These "boxes" use the CSS class "portable-infobox-theme-person", and some more work is required to see how we can customize them.

I would like to know that nobody objects to this course of action before I have done too much work on it. It is also an opportunity to add any enhancement.

So please comment on this. Thurstan (talk) 06:41, July 29, 2015 (UTC)

They look OK to me (though I'd like to see <br /> after "Spouse/"). Not obviously different from what we have now. -- Robin Patterson (Talk) 08:23, July 29, 2015 (UTC)

The infobox takes the full width of the screen. So we must decide whether the minibio precedes or follows it. (We presumably still get the tree etc tabs first.) Any mockups forthcoming? -- Robin Patterson (Talk) 08:26, July 29, 2015 (UTC)

"<br />" added. The discussion of this change seems to assume that the infobox comes first (that is how the "Wikipedia app" for Android that I use works). I am thinking of a test version of {{Showfacts person}} next, so we can see the whole package (and check that the form will work). I will also put up an example that doesn't have an image, to see how that looks. Thurstan (talk) 09:02, July 29, 2015 (UTC)

More mobile problems

I have set up Bernhard II. von Sachsen-Meiningen (1800-1882) as a first "mockup" of the new version, by surrounding the {{Showfacts person}} with a "display:none" span, and following it with a {{Test Portable Person}}. This works on the desktop version. However, if you view it using the "mobile" skin (which you can do be appending "?useskin=wikiamobile" to the URL, like this) we find that we seems to have a general problem that the "display:none" is being ignored. Not only does this mean that we see both versions of the infobox (and our existing one works okay IMO), but the output of {{showfacts biography}} is garbled by the fact that properties are being set in "display:none" sections (instead of using "#set"). Thurstan (talk) 06:26, July 30, 2015 (UTC)

I have set up Georg II. von Sachsen-Meiningen (1826-1914) as a "mockup" without an image, set up in the same way as his father is. See here for the mobile version, which shows the same hiccoughs. Thurstan (talk) 07:16, July 30, 2015 (UTC)

I have added class="hidden", as recommended in best practices, which hides the current info box in the mobile view (but not in the desktop view: perhaps we should put this class into the CSS). We still need to fix {{showfacts biography}}.

More generally, "style=" seems to be stripped off in the mobile skin. A page like Almirah Louisa Gilkison (1842-1900) loses all its colouring. Thurstan (talk) 22:52, July 30, 2015 (UTC)