Board Thread:New Features/@comment-24739709-20150518230347/@comment-24409505-20150524083906

Imamadmad wrote:

That alone was enough for me to get the data values to work perfectly as a two column table of equal widths, and should (but I haven't done enough testing to check) work no matter what the parent element is.

That's because your label and data fields have equal widths. But what about unequal widths? Of course we can give the label a pre-defined width too, like  for the Cardfight infobox I replicated. But that's only because the original template already had a pre-defined width. What about undefined widths, when you want the width to automatically adapt according to the length of the text and that can vary based on scren size? That was the case for the Disney infobox I replicated. As you can see, it did adapt to the length of the texts, but the width in the first group and the width in the second group differ (though only slightly in this case), see screenshot.

I somehow managed to work-around that issue in my second attempt (when I replicated the Star Wars infobox) but it's still tricky.

Imamadmad wrote:

Sugestion: maybe put a class parameter in the infobox tag which lets users decide between a default infobox-table or a default infobox-... I don't know what you'd call the current default design. Having the class would allow users to choose which preset is most applicable to their situation and could work as a good basis for further CSS customisations as no matter which layout people prefer, they can have that as a starting point from the default CSS.

I support this suggestion. Perhaps something like this: /* The two-column layout */

/* The new layout */

/* When unspecified, default is the new layout */ The only difference between the two layouts would be the way the label and data fields are displayed (in two columns or not). The rest (the design of the infobox) can stay the same. I guess that doesn't require too much changes and that would also satisfy the people who dismiss the new infobox at first glance just because of the new styling.