View source for Template talk:Legend

==Image descriptions below thumbnails==
This template does not work for me when used in image descriptions below thumbnails. Any idea why? &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 20:55, 7 January 2006 (UTC)
:Seems to work for me. Do you have an example? [[User:Zocky|Zocky]] 19:10, 12 January 2006 (UTC)
::Erm... Pick any map, e.g. [[Treaty of Accession 2005]] &ndash; doesn't work for me in Firefox, neither in WinXP nor in NetBSD nor in MacOS X. Works fine in IE, though, and I frankly just don't know why... &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 22:43, 15 January 2006 (UTC)
:::Hmmm... it works fine for me on firefox on W2K. What goes wrong for you? [[User talk:Zocky|Zocky]] | [[User:Zocky/Picture Popups|picture popups]] 00:13, 16 January 2006 (UTC)
::::Well, the little boxes that should show up next to the text (in the example I linked to, the mint green and light green boxes to the left of "ratified" and "not yet ratified") don't show up at all. There's space there where they should be, but the boxes don't show up. ''scratches head'' Any idea what the problem might be? Or if not, any idea which other user and/or developer is likely to know? Thanks either way! &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 06:52, 16 January 2006 (UTC)
::::For the record, it works fine for me in image descriptions such as the one linked to below; just not below thumbnails. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 11:44, 16 January 2006 (UTC)
::Colors don't work here at all. There're just the 1px gray borders forming a thin rectangle, then the text. Firefox (Ubuntu) here. I can send you a screenshot, if necessary. --[[User:Hdante|Hdante]] 00:07, 20 January 2006 (UTC)
::: However, if I change the "&amp;emsp;"s to some text, say "blarg", then the text appears, with a correct background. --[[User:Hdante|Hdante]] 00:14, 20 January 2006 (UTC)
:::: Changed one "&amp;emsp;" to a "&amp;nbsp;" and it started working. THIS MAY BE A BUG in Firefox. Mozilla should be contacted, but I won't do this, since they don't seem to answer normal people. --[[User:Hdante|Hdante]] 00:35, 20 January 2006 (UTC)

==Larger version?==
The size looks great for being placed inside articles, as part of the image frame. Would it be possible to have a facility to have a larger version of this, either with this template, or a twin, for the purpose of adding a legend to an Image: page? For example, see [http://en.wikipedia.org/w/index.php?title=Image:Mississippi_Delta_Lobes.jpg&oldid=23055086 the original legend] and compare with it changed to use {{tl|legend}} at [[:Image:Mississippi Delta Lobes.jpg]]. --[[User:Interiot|Interiot]] 11:28, 16 January 2006 (UTC)

==Template doesn't work (''was:Subst?'')==
Should this be substed? on first take I'd say yes, but I'd like to hear what others think. It doesn't seem this style is likely to change therefore it doesn't need to be dynamic like some other templates. It's also too much code to remember and therefore would make it convenient to be in template form. Comments? [[User:Grenavitar|gren]] [[User talk:Grenavitar|グレン]] <sup>[[Wikipedia:Limited administrators|?]]</sup> 07:18, 20 January 2006 (UTC)
:It certainly should not be substed until it works for all widely used browsers. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 07:55, 20 January 2006 (UTC)
::It should be working now (with a hack, at least). However, the template must be reloaded. Try going on that page you pointed out, click on edit, then preview. --[[User:Hdante|Hdante]] 09:30, 20 January 2006 (UTC)
:::Still doesn't work for me. I tried recaching the page, recaching the template, touching (blank-editting) the page, ... no success. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 09:44, 20 January 2006 (UTC)
::::Changed the whitespace to a right arrow (&amp;#9632;). Even if you don't have this glyph, you browser should draw something else (I hope). Try loading [[Treaty of Accession 2005]] again. If this doesn't work, then I would ask you to post here the raw html page, as loaded by firefox (or wget, maybe). --[[User:Hdante|Hdante]] 10:14, 20 January 2006 (UTC)
:::::Well, yes, I get the right arrow, but no colour around it. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 10:43, 20 January 2006 (UTC)
:::::The relevant source:

<blockquote><nowiki><div class="thumb tright">
<div style="width:322px;"><a href="/https/en.wikipedia.org/wiki/Image:Accession2007.png" class="internal" title="Ratification status: ►&#160;ratified ►&#160;not yet ratified "><img src="http://upload.wikimedia.org/wikipedia/en/thumb/2/25/Accession2007.png/320px-Accession2007.png" alt="Ratification status: ►&#160;ratified ►&#160;not yet ratified " width="320" height="209" longdesc="/wiki/Image:Accession2007.png" /></a>
<div class="thumbcaption">
<div class="magnify" style="float:right"><a href="/https/en.wikipedia.org/wiki/Image:Accession2007.png" class="internal" title="Enlarge"><img src="/https/en.wikipedia.org/skins-1.5/common/images/magnify-clip.png" width="15" height="11" alt="Enlarge" /></a></div>
Ratification status:
<p style="border:none;background:none;text-align:left;font-size:90%!important;margin:0px!important"><span style="border:solid 1px silver; background-color:#0f0;font-size:80%!important;vertical-align:middle;">►</span>&#160;ratified</p>
<p style="border:none;background:none;text-align:left;font-size:90%!important;margin:0px!important"><span style="border:solid 1px silver; background-color:#9ddea5;font-size:80%!important;vertical-align:middle;">►</span>&#160;not yet ratified</p>

</div>
</div>
</div></nowiki></blockquote>

&mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 10:51, 20 January 2006 (UTC)

:I'm sorry but I can't help you any further. There's no reason for Firefox to be ignoring the 'span' tag. The only thing that comes to my mind is that you should check if the 'always use my colors' option is set. Another work-around would be using the arrow, or a full box, like <span style="color:blue">█</span>, and setting the text color, instead of the background color. --[[User:Hdante|Hdante]] 11:29, 20 January 2006 (UTC)

::The really strange thing is that it works in the examples on [[Template:Legend]], but not in the thumbnail descriptions... ''sighs'' &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 11:43, 20 January 2006 (UTC)

:::For the record everything's fine for me in FF on XP and Linux. Anyway, Nightstalion does something simple like <span style="color:#9966CC;">&#9608;</span> show up ok for you? T/[[User:Wangi|wangi]] 12:59, 20 January 2006 (UTC)

::::Strange... Yes, that ''does'' work. Although we would also have to check whether that code works in thumbnail descriptions...

[[File:Ejército Zapatista de Liberación Nacional, Flag.svg|thumb|right|<span style="color:#9966CC;">&#9608;</span> test]]

::::Yeah, that ''does'' work. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 13:07, 20 January 2006 (UTC)

:Hello. I'm changing the template so that it uses a full box, instead of a space. That's a rather bad solution, since white space is much more universal than the full box. However, this may be good, because more people will become aware of the issue, if the problem happens to them :-). --[[User:Hdante|Hdante]] 03:27, 21 January 2006 (UTC)

::It works now... Great work! Thanks! &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 10:26, 21 January 2006 (UTC)

:Hello, again. Will you test [[de:Benutzer:Sven-steffen_arndt/Test|this page]], please ? The german template uses a '0', painted both in foreground and background with the same color. Their template is pretty simple. Thanks.
: Bad news here. There're some pages that were screwed, like [[Austria-Hungary]] --[[User:Hdante|Hdante]] 04:38, 21 January 2006 (UTC)

==Re:Subst?==
Should this be substed? on first take I'd say yes, but I'd like to hear what others think. It doesn't seem this style is likely to change therefore it doesn't need to be dynamic like some other templates. It's also too much code to remember and therefore would make it convenient to be in template form. Comments? [[User:Grenavitar|gren]] [[User talk:Grenavitar|グレン]] <sup>[[Wikipedia:Limited administrators|?]]</sup> 07:18, 20 January 2006 (UTC)

:Definitely not. It becomes unreadable and bulky if it's substed. [[User:Aris Katsaris|Aris Katsaris]] 14:10, 27 January 2006 (UTC)

:Yeah, why not. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 10:28, 21 January 2006 (UTC)

:: I think it's a lot more readable and maintainable for most people if it's left unsubsted. Also, per [http://en.wikipedia.org/w/index.php?title=Wikipedia:Avoid_using_meta-templates&diff=36043188&oldid=36039987 Brion's comments], we don't really need to overboard with the substing. --[[User:Interiot|Interiot]] 11:13, 21 January 2006 (UTC)

==Template and Firefox (final)==
Hello. I think I have a conclusion about Firefox not correctly rendering this template. The [http://en.wikipedia.org/w/index.php?title=Template:Legend&oldid=35788705 unchanged version] (id 35788705) used two "em spaces" (&amp;emsp;) filled with the desired background color. The expected output was a little box with a customized color and border. There were two problems: mine was that the spaces inside the border didn't appear, so that there were just the borders with a zero area inside (it appeared like a thin gray '|'). [[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]]'s was that neither the inside nor the borders of the box appeared, if it was inserted inside an image box. I didn't really understand Nighstallion bug, it seemed that the 'span' tag was being ignored as if the browser didn't recognize the attribute specification (it seems to be possible for the browser to ignore, say, an invalid font or color, but I couldn't reproduce that specific problem). On the other hand, I've found some text about the [http://www.w3.org/TR/xhtml1/ XHTML specification] listing which characters are considered whitespaces:

<pre>
(...)
White space is handled according to the following rules. The following
characters are defined in [XML] white space characters:

* SPACE (&amp;#x0020;)
* HORIZONTAL TABULATION (&amp;#x0009;)
* CARRIAGE RETURN (&amp;#x000D;)
* LINE FEED (&amp;#x000A;)
(...)
C.15. White Space Characters in HTML vs. XML

Some characters that are legal in HTML documents, are illegal in XML
document. For example, in HTML, the Formfeed character (U+000C) is treated
as white space, in XHTML, due to XML's definition of characters, it is illegal.
</pre>

Those whitespace characters are typically compressed so as to keep just a single space between words and to remove the leading and trailing spaces. And that's what Firefox seemed to be doing here — it was most likely treating emspaces as white spaces and compressing them (if I remember well, [[wget]] downloaded the page with two emspaces, while Firefox 'view source' showed the page with no space at all). Again, I still think that this is a BUG IN FIREFOX. That's so, because:

* [[User:Zocky|Zocky]] and Nightstallion were able to render the box in Internet Explorer
* I was able to render the box in Konqueror
* I was able to render the box in Firefox 1.5, which I've just downloaded

Since I believe that this is a Firefox bug, I see no reason why we shouldn't revert back to the original box or, for the sake of current Firefox users, use a combination of, say, emspace and nbspace so that the old bugged Firefox isn't able to compress them. As for Nightstallion, I can only ask that he update his browser and try again.

:My browser ''is'' up-to-date, I'm afraid. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 19:17, 22 January 2006 (UTC)

The Firefox bug may be stated in the template main page. I'm using Firefox 1.0.7-0ubuntu20 (breezy).

As for the variable sized box. We can disscuss them here, since I can see the boxes now :-).

<p style="margin:0px;font-size:150%"><span style="border:solid 2px black;background-color:black;vertical-align:middle;font-size:90%">&ensp;&ensp;</span><span style="font-size:75%">&nbsp;Africa</span></p>
<p style="margin:0px;font-size:150%"><span style="border:solid 2px black;background-color:green;vertical-align:middle;font-size:90%">&ensp;&ensp;</span><span style="font-size:75%">&nbsp;America</span></p>
<p style="margin:0px;font-size:150%"><span style="border:solid 2px black;background-color:blue;vertical-align:middle;font-size:90%">&ensp;&ensp;</span><span style="font-size:75%">&nbsp;Oceania</span></p>
<p style="margin:0px;font-size:150%"><span style="border:solid 2px black;background-color:#FF0;vertical-align:middle;font-size:90%">&ensp;&ensp;</span><span style="font-size:75%">&nbsp;Europa</span></p>
<p style="margin:0px;font-size:150%"><span style="border:solid 2px black;background-color:#FF2800;vertical-align:middle;font-size:90%">&ensp;&ensp;</span><span style="font-size:75%">&nbsp;Asia</span></p>

--[[User:Hdante|Hdante]] 22:48, 21 January 2006 (UTC)

:Well, much better than that, here is the actual code pointed out by [[User:Interiot|Interiot]].
{|
|<div class="key" style="background-color:#FFA447; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|[[Atchafalaya delta|Salé-Cypremort]] &nbsp;
|4600 years [[Radiocarbon year|BP]]
|-
|<div class="key" style="background-color:#FF888A; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|Cocodrie
|4600-3500 years BP
|-
|<div class="key" style="background-color:#59B351; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|[[Bayou Teche|Teche]]
|3500-2800 years BP
|-
|<div class="key" style="background-color:#C0EB9B; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|[[St. Bernard Parish, Louisiana|St. Bernard]]
|2800-1000 years BP
|-
|<div class="key" style="background-color:#A2D1EB; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|[[Bayou Lafourche|Lafourche]]
|1000-300 years BP
|-
|<div class="key" style="background-color:#5083AE; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|[[Plaquemines Parish, Louisiana|Plaquemine]]
|750-500 years BP
|-
|<div class="key" style="background-color:#FDFAB7; width:1.5em; height:1.5em; border: 2px solid black">&nbsp;</div>
|[[Balize, Louisiana|Balize]]
|550 years
|}

--[[User:Hdante|Hdante]] 22:53, 21 January 2006 (UTC)

==Next attempt==
Does using █ work for everyone, or are there issues with this? It shows up perfectly for me now. &mdash;[[User:Nightstallion|<span style="font-variant:small-caps">Nightstallion</span>]] [[User talk:Nightstallion|''(?)'']] 10:40, 26 January 2006 (UTC)
:Seems to work fine, provided that the template is used exactly as instructed. It's whitespace problems again, but different from what was noticed before. Many people like adding extra spaces around separators, which breaks this template for some. Example: {{legend|#f00|<nowiki>{{legend|#f00|used as instructed}}</nowiki>}} {{ legend | #f00 | <nowiki>{{ legend | #f00 | used with spaces }}</nowiki> }} MediaWiki translates trailing whitespace in template parameters to HTML character entities. Here the CSS property in the second test is given to the browser as "<samp> color: #f00&amp;#160;; </samp>" (where 160 is the same as nbsp). IE parses this incorrect value and shows what may have been intended, but Firefox goes by the specs and ends up with a meaningless value, rendering it black. I'm not sure if this is really a MediaWiki problem, maybe leading or trailing whitespace is actually necessary somewhere, and all templates where parameters are directly used for CSS should be accompanied with a note to drop the spaces. --[[User:Paradisal|para]] 21:00, 19 April 2006 (UTC)

==Striped colours?==
hi, i made this pic [[:Image:World map hdtv standard 50hz 60hz.svg]] and want to use this fine legend templete. but i used a pattern with blue and red stripes in it, so i can not directly use this template. so it is possible to use mulitcolour or shaped boxes for the legend or could please somebody add this feature? greets, --[[User:Andreas -horn- Hornig|Andreas -horn- Hornig]] 10:41, 1 August 2006 (UTC)

:On "en" (English-language Wikipedia), {{tl|Legend striped}} does something like what you want. (Puts any two colors in the box, split diagonally (only), diagonally "down" or "up".)
:Over on Wikipedia Commons, <nowiki>{{</nowiki>[[:Commons:Template:Legend|Legend]]<nowiki>}}</nowiki> is completely different, allowing 3 different multi-stripe pitches, of any ''one'' color plus white, diagonally "up" only. (Or a Commons image...) -[[User:A876|A876]] ([[User talk:A876|talk]]) 23:41, 9 March 2019 (UTC)

==tooltips: colors don't work==
Since tooltips (at least in Mozilla FF 1.5) do not show colors, the tooltips for images using this template are useless. For one example, see [[Driving on the left or right]]; the tooltip for the top image (the map) has two black boxes... not very useful. Any way to fix this? -[[User:Grick|Grick]]([[User_talk:Grick|<sup>talk to me!</sup>]]) 00:00, 13 August 2006 (UTC)
:I understand it'd be good that the tooltips included the legends... But to be honest what's the real issue? The tooltip is duplicating the text which is used to annotate the image under the thumbnail - therefor it's already displayed correctly on the page. Regardless I think we're stuck with a browser limitation here. Thanks/[[User:Wangi|wangi]] 00:12, 13 August 2006 (UTC)

: I... don't think there's any remotely easy way to fix this, no. Even if it were, and it required very much finagling at all, I'd say it's not worth it. Besides the point that wangi brought up, that alt-text is typically primarily meant to be used when the image isn't displayed, and if the image isn't displayed, then what's the point of explaining to the user what the exact colors used in that image are? --[[User:Interiot|Interiot]] 09:20, 13 August 2006 (UTC)

==images?==
Documentation says:
: ''color is passed to the css background property, so it can also include images. The optional border argument is passed to the css border property.''
first looking the code this is not what code does + as much I have tested, searched, CSS <code>background-image</code> is one thing that doesn't work in page code, so the second part of the text is misleading. Or can somebody expalin opposite? --[[User:TarmoK|TarmoK]] 09:34, 29 October 2006 (UTC)
: No, I think it's pretty clear that background-image doesn't work anywhere on this specific wiki at least. It's possible it would work on other MediaWiki wikis, but not this one. --[[User:Interiot|Interiot]] 18:59, 29 October 2006 (UTC)
::I fixed the documentation to reflect that. [[User talk:Zocky|Zocky]] | [[User:Zocky/Picture Popups|picture popups]] 03:09, 7 November 2006 (UTC)

==Non block element==
I've recently created a version of this template which does not force a block element / new line after it's use, see: {{tl|legend2}}. It would be good if this functionality could be incorporated here so we could avoid a fork - is it doable? Thanks/[[User:Wangi|wangi]] 00:35, 28 January 2007 (UTC)

==Version that doesn't mess with font size?==
This template is used here[http://en.wikipedia.org/w/index.php?title=Template:European_Union_Labelled_Map&oldid=103912949], but I think it would look better if a legend template that didn't modify the font size was used. The text becomes too small because it is nested within two templates, both which tries to modify font size. —[[User:Tokek|Tokek]] 14:03, 3 February 2007 (UTC)

==Broken transclusion==
After the change from [[User:BenoniBot]] [http://en.wikipedia.org/w/index.php?title=Template:Legend&diff=139083714&oldid=118558693] which included the interwiki links already transcluded from Legend/doc, all the interwiki links from this template were visible in article that are transcluding this template. Somehow the double-noinclusion does not work properly. I reverted the adding of the interwiki links for the moment. I don't quite find the right point to do this permanently. Can someone see to that the bot will not destroy the template again? --[[User:FordPrefect42|FordPrefect42]] 00:23, 19 June 2007 (UTC)

==Floating==
[[File:Celts in Europe.png|200px|thumb|right|The Celts in Europe, past and present:
{{legend|#1a8000|present-day Celtic-speaking areas}}
{{legend|#27c600|other parts of the six most commonly recognized 'Celtic nations' and where a Celtic language is spoken but not the dominating language}}
{{legend|#97ffb6|other parts of Europe once peopled by Celts; modern-day inhabitants of many of these areas often claim a Celtic heritage and/or culture}}]]
I fiddled a bit with the border setting, hoping to make it better, so that the following example looks correct, i.e. all the boxes are the same size:
{{legend|red|red}}
{{legend|white|white|border=grey}}
{{legend|blue|blue}}

But, as we can see in the example on the right, the template isn't working ''exactly'' right. The wrapped rows shouldn't extend under the colored box. At least in my Firefox on Ubuntu, the divs in captions no longer make the text progressively smaller, so we should be able to do this correctly by inserting floating divs, as in the bottom example. Does this look correct in IE? [[User talk:Zocky|Zocky]] | [[User:Zocky/Picture Popups|picture popups]] 14:21, 24 September 2007 (UTC)
[[File:Celts in Europe.png|right|thumb|200px|The Celts in Europe, past and present:<br />
<div style="background:#1a8000;width:1.5em;height:1em;float:left;clear:both;margin-top:0.3em;border:#1a8000 solid 1px">&nbsp;</div>
<div style="font-size:95%;margin-left:2.2em;margin-bottom:.3em">present-day Celtic-speaking areas</div>
<div style="background:#27c600;width:1.5em;height:1em;float:left;clear:both;margin-top:0.3em;border:#27c600 solid 1px">&nbsp;</div>
<div style="font-size:95%;margin-left:2.2em;margin-bottom:.3em">other parts of the six most commonly recognized 'Celtic nations' and where a Celtic language is spoken but not the dominating language</div>
<div style="background:#97ffb6;width:1.5em;height:1em;float:left;clear:both;margin-top:0.3em;border:#AAA solid 1px">&nbsp;</div>
<div style="font-size:95%;margin-left:2.2em;margin-bottom:.3em">other parts of Europe once peopled by Celts; modern-day inhabitants of many of these areas often claim a Celtic heritage and/or culture</div>
]]
{{-}}

==Printing==
Hi -- I just observed that the color swatches produced by this template don't show up on printouts (at least, from the most recent Safari browser on Mac 10.5). Can this be fixed? I am not, unfortunately, terribly advanced in the art of template-fu. :( Love the template, though -- it's allowed some really nice improvements to a number of articles I've worked on. -[[User:Peteforsyth|Pete]] ([[User talk:Peteforsyth|talk]]) 23:41, 12 September 2008 (UTC)

==Image==
On Commons it's mentioned that this template can take an image instead of a colour. Is this possible and if so what syntax should be used. /[[:User:Lokal Profil|Lokal]][[Special:Contributions/Lokal Profil|_]][[:User talk:Lokal Profil|Profil]] 20:08, 5 December 2007 (UTC)

==commons:Template:Legend==
This template exists on the Commons too. See [[commons:Template:Legend]]. --[[User:Timeshifter|Timeshifter]] ([[User talk:Timeshifter|talk]]) 22:09, 26 September 2008 (UTC)

[[Commons:Template:Legend]] supports striping by overlaying an SVG image. And custom icons with image= parameter.
[[Commons:Template:Legend-small is "A copy of {Legend} from Wikipedia".

==nbsp==
Wouldn't it be better for this template to specify the width and margin using CSS properties rather than an arbitrary number of spaces? — [[User talk:CharlotteWebb|CharlotteWebb]] 14:52, 4 July 2009 (UTC)
:It would, see few sections above. The original reason that we use spaces was that nested divs in captions made the text progressively smaller. This has now been fixed in css, so we should be able to change to a saner version.
:Also, I've had some ideas on how to add patterns and symbols to legends. If anyone thinks that would be useful, let me know. [[User talk:Zocky|Zocky]] | [[User:Zocky/Picture Popups|picture popups]] 07:05, 10 August 2009 (UTC)

==Alteration?==
Per [[Wikipedia:Colours#Using_colours_in_articles]] "ensure that colour is not the only way used to convey important information". Therefore wouldn't it be beneficial to add a code to allow text to be entered here. So you could have for example

<span style="margin:0px; padding-bottom:1px; font-size:90%; display:block;"><span style="border:#aaa solid 1px; background-color:#faecc8;">&nbsp;&nbsp;*&nbsp;&nbsp;</span>&nbsp;Explanation</span>
Is this a useful, viable option? [[User:Rambo's Revenge|<b style="color:#E32636;">Rambo's Revenge</b>]] [[User talk:Rambo's Revenge|<small><b style="color:#FFA500;">(talk)</b></small>]] 18:06, 23 October 2009 (UTC)

:I've now mocked up [[Template:Legend/sandbox|code]] and [[Template:Legend/testcases|testcases]] with the changes I suggested. [[User:Rambo's Revenge|<b style="color:#E32636;">Rambo's Revenge</b>]] [[User talk:Rambo's Revenge|<small><b style="color:#FFA500;">(talk)</b></small>]] 12:04, 25 October 2009 (UTC)

::I also think this is necessary. [[User:Killervogel5|<span style="color:black">'''KV5'''</span>]] <small>([[User_talk:Killervogel5|<span style="color:#00338d">Talk</span>]] • [[WP:PHILLIES|<span style="color:#B71234">Phils</span>]])</small> 19:28, 28 October 2009 (UTC)
:::{{done}}, [[User:Rambo's Revenge|<b style="color:#E32636;">Rambo's Revenge</b>]] [[User talk:Rambo's Revenge|<small><b style="color:#FFA500;">(talk)</b></small>]] 17:51, 3 November 2009 (UTC)

==Unknown option==
{{tlx|editprotected}}
Could you replace this:
<blockquote><code><nowiki>
<span style="border:{{{border|{{{outline|{{{1|transparent}}}}}} solid 1px}}}; background-color:{{{1|none}}}; color:{{{1|none}}};">&nbsp;&nbsp;&nbsp;&nbsp;</span>
</nowiki></code></blockquote>
with this:
<blockquote><code><nowiki>
{{#ifeq: {{1}} | ? | <span style="border:black solid 1px;">'''&nbsp;?&nbsp;'''</span> | <span style="border:{{{border|{{{outline|{{{1|transparent}}}}}} solid 1px}}}; background-color:{{{1|none}}}; color:{{{1|none}}};">&nbsp;&nbsp;&nbsp;&nbsp;</span>}}
</nowiki></code></blockquote>
[Please check the nbsp which are shown as spaces even tho I used the nowiki tag]<br>
This would allow you to put "?" for the first parameter when there are different colours, no clear colour, etc. So this code <code><nowiki>{{legend|?|Hello}}</nowiki></code> would produce <span style="margin:0px; padding-bottom:1px; font-size:90%; display:block;"><span style="border:black solid 1px;">'''&nbsp;?&nbsp;'''</span>&nbsp;Hello</span>. [[User:ChrisDHDR|<span style="font-variant:small-caps;">Chris</span>]][[User talk:ChrisDHDR|DHDR]] 15:28, 3 November 2009 (UTC)
:[[File:Red information icon with gradient background.svg|20px|link=|alt=]] '''Not done:'''<!-- Template:EP --> This seems like an over simplification of my proposal above. However you can now reach that outcome in a different way using the above (now implemented solution).
:<code><nowiki>{{legend||Hello|outline=black|text=?}}</nowiki></code> gives
:{{legend||Hello|outline=black|text=?}}
:[[User:Rambo's Revenge|<b style="color:#E32636;">Rambo's Revenge</b>]] [[User talk:Rambo's Revenge|<small><b style="color:#FFA500;">(talk)</b></small>]] 17:51, 3 November 2009 (UTC)
::oh, I hadn't made the link between the two. Your versions obviously more usefull, so no probs. [[User:ChrisDHDR|<span style="font-variant:small-caps;">Chris</span>]][[User talk:ChrisDHDR|DHDR]] 18:02, 3 November 2009 (UTC)

==Size change of legends==
This [http://en.wikipedia.org/w/index.php?title=Template%3ALegend&action=historysubmit&diff=402848044&oldid=388697516 edit] has increased the size of the legends distorting the structure and arrangement of the articles it is used on. See [[List of vegetarians|this]] for example. The names used to be parallel with the images but this is no longer the case. As far as I can see this change has been undertaken without any discussion and has extensive ramifications for all articles that use it. It would be better if the changes were reverted and discussed here first to see what other editors think. [[User:Betty Logan|Betty Logan]] ([[User talk:Betty Logan|talk]]) 15:32, 17 December 2010 (UTC)

:This edit was made solve ohter problems and standardize legend layout. Legends are used to indicate meaning in a map or graphic, not for using in lists. If ever there was a wrong use of {{tl|legend}}, [[List of vegetarians]] would be it; It should ''never'' be relied upon to format an article. I welcome discussion, but a revert is premature. <span style="font-family:verdana"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] — </span> 16:22, 17 December 2010 (UTC)
::Well, I didn't add the legends to that list, but I guess if it's there editors will always find novel uses for it regardless of whether they should or not. Can the legend size be set through a parameter so that the editor can "choose" the old size, and if not can a parameter be added so the size can be set manually? [[User:Betty Logan|Betty Logan]] ([[User talk:Betty Logan|talk]]) 16:31, 17 December 2010 (UTC)
:::OK, I added a <code>size=</code> option. Default is 100%, use a smaller percentage to shrink the box. <span style="font-family:verdana"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] — </span> 17:12, 17 December 2010 (UTC)
::::Thanks for doing that, but what exactly is the option to reinstate the previous state? Putting in 10%/50%/90% doesn't seem to make much difference. [[User:Betty Logan|Betty Logan]] ([[User talk:Betty Logan|talk]]) 17:23, 17 December 2010 (UTC)
:::::I don't quite follow. Here's some examples:
:::::{{legend|red|This is red, normal size.|size=100%}}
:::::{{legend|green|This is green, 80% size.|size=80%}}
:::::{{legend|blue|This is blue, 60% size.|size=60%}}
:::::I think 80% comes closest to the old size. <span style="font-family:verdana"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] — </span> 17:31, 17 December 2010 (UTC)
::::::I think this modification is sloppy and cause lots of problems. Adding the "size" parameter is a bad decision on top of a bad decision. 80% of what? An arbitrary size. If anything it should have been a size in pizels, or points, or mm. A better way to have implemented this would have been to make the default size the same as the old size. That way articles that never used the "size" parameter would be unaffected. As it is now, thousands of articles editors will be spending time attempting to touch up this mess. This is a bad call. --[[User:NateOceanside|NateOceanside]] ([[User talk:NateOceanside|talk]]) 04:32, 22 December 2010 (UTC)

==Weird change==
I remember there was no boarder and it's smaller, is it on my computer or on wikipedia? Other languages still small without boarder.

I tried looking in the history, but it's the same as now.--[[Special:Contributions/125.27.45.78|125.27.45.78]] ([[User talk:125.27.45.78|talk]]) 07:43, 21 December 2010 (UTC)

:There have been some changes to the template which made the icons bigger. The older pages won't show any difference because the example uses the current template, not the old one. I asked Edotker to add a size parameter so the size can be controlled (see the section above this one). [[User:Betty Logan|Betty Logan]] ([[User talk:Betty Logan|talk]]) 07:58, 21 December 2010 (UTC)

==CSS class==
Could a CSS class be added to the output of this template, so that custom styling can be applied? [[User talk:Ucucha|Ucucha]] 22:51, 18 July 2011 (UTC)
:Good idea. Classes added: <code>.legend</code>, <code>.legend-color</code> and <code>.legend.text</code>. <span style="font-family:'Trebuchet MS',sans-serif"> — [[User:Edokter|<span style="color:#008"><i>E</i>dokter</span>]] ([[User_talk:Edokter|<span style="color:#080">talk</span>]]) — </span> 00:57, 19 July 2011 (UTC)

==CSS3 to get striping==
I was trying to figure out how to get a legend with stripes, and I ran across this article: http://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/

Does Wikipedia have a policy against using CSS3 right now (since may browsers don't support it), or could we use this technique to get striped legend entries? At the very least, since striping is a common technique on maps, we need a way to designate striping in legends --[[User:Nick2253|Nick2253]] ([[User talk:Nick2253|talk]]) 19:27, 6 February 2012 (UTC)

==Striped legend template==
I just wrote a template that will display a diagonally divided legend in my sandbox, [[User:Patrickneil/Striped legend]], which creates a legend that takes this:
<nowiki>{{User:Patrickneil/Striped legend|blue|yellow|Favorite colors}}</nowiki>
and creates this:{{User:Patrickneil/Striped legend|blue|yellow|Favorite colors}}
Anyone here have suggestions for how to improve this before possibly moving it to the template sphere? While this was requested by a user on this talk page over 5 years ago, I created it for the article [[Statewide opinion polling for the United States presidential election, 2012]], which needed something like this. There I'm employing raw code, but would like to replace that with a permanent template eventually. A version of that which uses the template's code can be seen here: [[User:Patrickneil/Sandbox]].

The diagonal effect is done with CSS by making the border 1.5em and the actual table 0px by 0px, and I don't think it needs the CSS3 that was mentioned by [[User:Nick2253]] above. One thing I notice about that is the non-breaking space is left aligned, rather then centered as it is in [[Template:Legend]]. I also might be creating one too few non-breaking spaces between the text and the box, but copying from what was used here seem to produce two instead of just one. The biggest problem I suppose I'd have is with the "size" variable, which I can't change easily. I'd need a system that would know 100%=1.5em, 200%=3em and so on. I also don't seem to have the "textcolor" variable working, but I may just need more experimenting. And I've thought that it might be good to have the additional option to switch the diagonal to go from lower-left to top-right.

Thoughts? Comments? Any code I can loose, or should add? Would anyone use this? Has it already been done elsewhere I just never saw it? Should it be its own template, or somehow integrated here? Thanks!-- [[User:Patrickneil|Patrick]], [[User talk:Patrickneil|<sub>o</sub><small>Ѻ</small><sup>∞</sup>]] 06:29, 30 May 2012 (UTC)

:Okay, I now have an option to set the size in terms of em, with 1.5em being the default. And I added an "up" switch so it can do all of this:
<nowiki>{{User:Patrickneil/Striped legend|maroon|gold|'''Team colors'''|border=2px solid black|size=2em|up=yes}}</nowiki>
:To create this:
:{{User:Patrickneil/Striped legend|maroon|gold|'''Team colors'''|border=2px solid black|size=2em|up=yes}}
:Which demonstrates the other potential use for such a template. Hundreds of sports teams have infoboxes in which they fill a team colors parameter with boxes that use either [[Template:Legend]] or [[Template:Color box]] to show the teams colors. This could neatly combine many of those into one box. Obviously not applicable for three or more color teams, but suitable for those with just two. Problems? Would [[Template:Striped legend]] be a good name, or is there a shorter option?-- [[User:Patrickneil|Patrick]], [[User talk:Patrickneil|<sub>o</sub><small>Ѻ</small><sup>∞</sup>]] 16:52, 30 May 2012 (UTC)

::Let me just say that this is freaking genius! You can definitely create a "striped legend" template (I'd call it "legend striped" to keep it consistent with the other [[:Category:Legend templates|legend templates]]) if you want, but ideally it should be integrated with the legend template. I'm not sure how you could cleanly do that without breaking the legend template all over the site, though. --[[User:Nick2253|Nick2253]] ([[User talk:Nick2253|talk]]) 20:20, 30 May 2012 (UTC)

:::Thanks, I'll still have more testing to do. I need to get it working in browsers that aren't Firefox. Explorer and Chrome both seem to be buggy. If others see why, feel free to make fixes.-- [[User:Patrickneil|Patrick]], [[User talk:Patrickneil|<sub>o</sub><small>Ѻ</small><sup>∞</sup>]] 20:34, 30 May 2012 (UTC)
::::The problems with IE and Chrome won't be fixed easily. Neither browser is fully compliant with the "border-right" (and similar) CSS parameters. I don't think there's necessarily an "good" way to fix that. --[[User:Nick2253|Nick2253]] ([[User talk:Nick2253|talk]]) 20:45, 30 May 2012 (UTC)
:::::Okay, how concerned should I be about full compatibility? Giving the outer container, which creates the border, the nominal width of 0.1em helped on some browsers, and if there exists a smaller possible width I bet that would be even better.-- [[User:Patrickneil|Patrick]], [[User talk:Patrickneil|<sub>o</sub><small>Ѻ</small><sup>∞</sup>]] 23:19, 30 May 2012 (UTC)

I created the template at the location suggested: [[Template:Legend striped|<nowiki>{{Legend striped}}</nowiki>]]. Now I'm asking editors to try it out, see where it can be used, and maybe give examples. I'm particularly looking for maps or image captions that it can be used in.-- [[User:Patrickneil|Patrick]], [[User talk:Patrickneil|<sub>o</sub><small>Ѻ</small><sup>∞</sup>]] 18:09, 12 June 2012 (UTC)

==Whitespace effect==
{{FPER|ans=yes}}
The template does not work as expected when trailing whitespace exists:
* {{tlx|legend|#ff9933}} → {{legend|#ff9933}}
* {{tlx|legend|#ff9933&#x20;}} → {{legend|#ff9933 }}
Since input parameters are generally expected to be blind to whitespace, I suggest removing this behaviour. In teh sandbox I have stripped the whitespace:
* {{code|<nowiki>background-color:{{StripWhitespace|{{{1|transparent}}}}};</nowiki>}}
* {{tlx|legend/sandbox|#ff9933&#x20;}} → {{legend/sandbox|#ff9933 }}
Other legends not tested for this yet. -[[User:DePiep|DePiep]] ([[User talk:DePiep|talk]]) 12:15, 15 July 2012 (UTC)
:I can add this from the W3C recommendations: ''A declaration is either empty or consists of a property name, followed by a colon (:), followed by a property value. Around each of these there may be white space.'' [http://www.w3.org/TR/CSS21/syndata.html#declaration section 4.1.8]. So whitespace can be added legally. -[[User:DePiep|DePiep]] ([[User talk:DePiep|talk]]) 12:23, 15 July 2012 (UTC)
::The template generates the following HTML:
:::<code><nowiki><div class="legend"><span class="legend-color" style="display:inline-block; width:1.5em; height:1.5em; margin:1px 0; border:1px solid black; background-color:#ff9933; color:black; font-size:100%; text-align:center;">&amp;nbsp;</span>&amp;nbsp;</div></nowiki><br /><nowiki><div class="legend"><span class="legend-color" style="display:inline-block; width:1.5em; height:1.5em; margin:1px 0; border:1px solid black; background-color:#ff9933 ; color:black; font-size:100%; text-align:center;">&amp;nbsp;</span>&amp;nbsp;</div></nowiki></code>
::If I create a blank HTML doc on my PC (using WordPad) and paste that in, upon viewing the two squares are identical (both orange). However, when viewing this page and going for the "View page source" option in my browser, I find that the HTML has been altered to:
:::<code><nowiki><div class="legend"><span class="legend-color" style="display:inline-block; width:1.5em; height:1.5em; margin:1px 0; border:1px solid black; background-color:#ff9933; color:black; font-size:100%; text-align:center;">&amp;#160;</span>&amp;#160;</div></nowiki><br /><nowiki><div class="legend"><span class="legend-color" style="display:inline-block; width:1.5em; height:1.5em; margin:1px 0; border:1px solid black; background-color:#ff9933&amp;#160;; color:black; font-size:100%; text-align:center;">&amp;#160;</span>&amp;#160;</div></nowiki></code>
::Seems as if something in the MediaWiki parser is changing an intentional normal space (<code>&amp;#x20;</code> or <code>&amp;#32;</code>) into a non-breaking space (<code>&amp;#160;</code>). --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 12:47, 15 July 2012 (UTC)
:::It's not specific to this template, but is a general problem with how MediaWiki treats the value component of a HTML attribute. I've raised a thread at [[WP:VPT#MediaWiki parser trashing white space]]. --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 13:28, 15 July 2012 (UTC)
::::Postponed the editprotect request to see what VPT gives. -[[User:DePiep|DePiep]] ([[User talk:DePiep|talk]]) 16:19, 15 July 2012 (UTC)
{{od}}
;Roundup:
Discussed at [[wp:vpt]]: see http://en.wikipedia.org/wiki/Wikipedia:Village_pump_%28technical%29/Archive_101#MediaWiki_parser_trashing_white_space] (July 2012) Outcome there: could be a bug, but otherwise regular behaviour. So I '''reopen''' the er: this template should be OK by itself. -[[User:DePiep|DePiep]] ([[User talk:DePiep|talk]]) 00:07, 1 August 2012 (UTC)
:[[File:Yes check.svg|20px|link=|alt=]] '''Done'''<!-- Template:EP -->, but I {{diff|Template:Legend|prev|505233525|did it}} using the {{tlx|trim}} template, which is more efficient than {{tlx|stripWhitespace}}. --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 09:34, 1 August 2012 (UTC)

==More than one colour box==
Is there any way to put more than one colour box next to a line or lines of text? [[User:Esszet|Esszet]] ([[User talk:Esszet|talk]]) 04:39, 18 October 2013 (UTC)
:You can simulate it, using two or more instances of {{tlx|color box}} followed by the text, all wrapped in {{tag|div|params=class=legend}}, as in
::{{tag|div|o|params=class=legend}}{{tlx|color box|red}} {{tlx|color box|blue}}<code>&amp;nbsp;Two different colours</code>{{tag|div|c}}
:which gives <div class=legend>{{color box|red}} {{color box|blue}}&nbsp;Two different colours</div> --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 09:25, 18 October 2013 (UTC)
::Thank you. I'll put that on the documentation page. [[User:Esszet|Esszet]] ([[User talk:Esszet|talk]]) 18:23, 18 October 2013 (UTC)
:::Actually, never mind, {{tlx|color box}} color boxes are smaller than {{tlx|Legend}} ones. Can this template be edited so that you can put more than one colour box next to a legend entry? [[User:Esszet|Esszet]] ([[User talk:Esszet|talk]]) 20:28, 19 October 2013 (UTC)

==display: inline-block for mobile support==
hey there!
There's a bug with display of this template on the mobile skin as it makes assumptions about how the list element will be styled (see [https://phabricator.wikimedia.org/T153199 bug report]). It looks like this would be resolved by adding an inline style display: inline-block on the template. Is there any reason not to do this? {{ping|Patrickneil}} {{ping|Esszet}} {{ping|DiePiep}} {{ping|Rambo's Revenge}}

[[User:Jdlrobson|Jdlrobson]] ([[User talk:Jdlrobson|talk]])
:I really don't know much about stuff like this, sorry. [[User:Esszet|Esszet]] ([[User talk:Esszet|talk]]) 17:41, 10 May 2017 (UTC)
::That can't work, because existing uses depend on the block formatting. Instead, i switched the [[SeaMonkey|article in question]] over to {{tl|legend_inline}}. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]])

== TemplateStyles ==

This template is probably a prime candidate for [[Wikipedia:TemplateStyles|TemplateStyles]] because it includes a lot of inline CSS and is expected to almost always occur multiple times on a page. I've started a simple prototype of conversion to use TemplateStyles at [[Template:Legend/styles.css]] and [[Template:Legend/sandbox]]; some review is highly desirable given the 21k transclusions of this template. Importantly, I haven't (yet) considered consistency with {{tl|legend inline}} or done a search for other objects using the classes <code>legend</code> or <code>legend-color</code> that could be affected by the stylesheet, so it ''probably'' needs a bit of tweaking. Please provide your input! :) <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]] &#124;[[User talk:Nihiltres|talk]] &#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 20:31, 1 August 2020 (UTC)
* With no objections or comments, I decided to implement the changes. <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]] &#124;[[User talk:Nihiltres|talk]] &#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 20:31, 15 August 2020 (UTC)

{{ping|Nihiltres}} TemplateStyles is a great idea for this template, but unfortunately it's causing [[Module talk:Mapframe#Legend and TemplateStyles|a compatibility issue]] with {{tl|Maplink}}, a very popular template. &ndash;&nbsp;[[User:Mxn|Minh <span style="font-variant: small-caps;">Nguyễn</span>]]&nbsp;<sup>[[User talk:Mxn|<span style="display: inline-block;">&#x1f4ac;</span>]]</sup> 07:28, 3 September 2020 (UTC)
* {{hidden ping|Mxn}}I've diagnosed the issue with {{tl|maplink}} (the problem is the Scribunto equivalent of nesting extension tags with <code><nowiki><tags></nowiki></code> instead of <code><nowiki>{{#tag:tags}}</nowiki></code>), and it requires no change here; [[Module:Mapframe]] should be fixed, not {{tl|legend}}. <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]] &#124;[[User talk:Nihiltres|talk]] &#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 22:33, 3 September 2020 (UTC)

*:Agreed, I just wanted to flag the issue in case you had any ideas. Sorry for making it sound like I was blaming your improvements to this template. &ndash;&nbsp;[[User:Mxn|Minh <span style="font-variant: small-caps;">Nguyễn</span>]]&nbsp;<sup>[[User talk:Mxn|<span style="display: inline-block;">&#x1f4ac;</span>]]</sup> 01:57, 4 September 2020 (UTC)
*::I've resolved the issue in [[Module:Mapframe]]; it turned out that it was an issue with removing control characters (to ensure valid JSON) that invalidated the strip markers by removing their leading "delete" characters. <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]] &#124;[[User talk:Nihiltres|talk]] &#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 01:54, 5 September 2020 (UTC)
*:::Awesome, thanks [[User:Nihiltres|Nihiltres]]! &ndash;&nbsp;[[User:Mxn|Minh <span style="font-variant: small-caps;">Nguyễn</span>]]&nbsp;<sup>[[User talk:Mxn|<span style="display: inline-block;">&#x1f4ac;</span>]]</sup> 18:27, 5 September 2020 (UTC)

== Font size (time to paint a bikeshed) ==

I left [[Wikipedia:Templates for discussion/Log/2020 September 17#Template:Legend2|a TfD]] for {{tl|legend2}} alone for a bit, and then checked in after a break to find that it had been closed but with a concern raised that the font-size CSS in {{tl|legend2}} was a desirable feature in it that should be merged to {{tl|legend inline}}.

Because of shared TemplateStyles CSS, this brings up the concern of potentially updating [[Template:Legend/styles.css]] to bring that feature to more legend templates, which is why I'm bringing this up here. There are three obvious points to consider:
* '''Consistency''' between legend templates, as not all use TemplateStyles yet to be easily synchronized
* '''Accessibility''' of small text. Legend templates that have got some updates I've made use {{tl|greater color contrast ratio}} to guarantee meeting at least WCAG AA contrast ratios for ordinary text. Making the text smaller would potentially cause some instances to fail accessibility tests.
* '''The colour of the bikeshed''', i.e. whether it's ''prettier'' one way or another. I'm open to discussion of this, but my core concern is that legend templates are consistent and usable.

Because the close on the TfD was a bit fuzzy on the details, I see it as my responsibility to raise these points for discussion before redirecting {{tl|legend2}} to {{tl|legend-inline}} as discussed in the TfD. As such, I'm pinging in {{u|ProcrastinatingReader}} and {{u|Discographer}} who had the font-size concern.

I think that the simplest solution is to not adjust font size except where it accomplishes a specific goal, but that's my minimalism talking. Also, which elements to change is relevant: if we adjust the font-size on the main <code>class="legend"</code> element, then it'll reduce the size of the, uh, identification squares, which I think is probably undesirable. Looking forward to a hopefully-productive discussion, <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]] &#124;[[User talk:Nihiltres|talk]] &#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 16:26, 30 September 2020 (UTC)

:{{ping|Nihiltres}} Okay, here is where I'm coming at with this: Keep the text size as it is if you must, but change {{t|legend inline}} box size to match that of the {{t|color box}} size, as shown below in the three lines with lavender boxes. The box size is not for prettiness, it is for size-fitting compatibility within the readable line. The {{t|legend inline}} box is just too large. I've provided an example below. Best, --[[User:Discographer|Discographer]] ([[User talk:Discographer|talk]]) 18:44, 30 September 2020 (UTC)

:;[[List of Victoria Cross recipients by campaign|Victoria Cross recipients since 1975]] <br /> ([[Killed in action|4 deceased]], [[List of living Victoria Cross recipients|2 living]])
:* {{Color box|#e3d9ff}} {{KIA}} denotes [[Victoria Cross]] recipient [[Killed in action|KIA]].
:* {{legend2|#e3d9ff|{{KIA}} denotes [[Victoria Cross]] recipient [[Killed in action|KIA]].|border=1px solid #AAAAAA}} 
:* {{legend inline|#e3d9ff|{{KIA}} denotes [[Victoria Cross]] recipient [[Killed in action|KIA]].|border=1px solid #AAAAAA}}

:{| class="wikitable"
|-
! colspan="2"| [[Victoria Cross|VC]]
|-
! Recipient
! Date
|-
| style="background:#e3d9ff;"|[[H. Jones|Herbert Jones]]{{KIA}}
| style="background:#e3d9ff;"|<span style="display:none">1982-05-28</span>28 May 1982{{KIA}}
|-
| style="background:#e3d9ff;"|[[Ian McKay]]{{KIA}}
| style="background:#e3d9ff;"|<span style="display:none">1982-06-12</span>12 June 1982{{KIA}}
|-
| [[Johnson Beharry]]
| <span style="display:none">2004-06-11</span>11 June 2004
|-
| style="background:#e3d9ff;"|[[Bryan Budd]]{{KIA}}
| style="background:#e3d9ff;"|<span style="display:none">2006-08-20</span>20 August 2006{{KIA}}
|-
| style="background:#e3d9ff;"|[[James Ashworth]]{{KIA}}
| style="background:#e3d9ff;"|<span style="display:none">2012-06-13</span>13 June 2012{{KIA}}
|-
| [[Joshua Leakey]]
| <span style="display:none">2013-08-22</span>22 August 2013
|-
|}
:Best, --[[User:Discographer|Discographer]] ([[User talk:Discographer|talk]]) 18:44, 30 September 2020 (UTC)
::OK, that's a reasonable concern; we're looking at consistency with other templates. {{tl|Color box}} is sized indirectly, with 4 non-breaking spaces; {{tl|legend2}} is sized with <code>font-size: 90%;</code> and <code>line-height: 1.25;</code> with 1 non-breaking space if text isn't specified. {{tl|Legend}} (and [[Template:Legend inline|its -inline counterpart]]) use a fixed size of 1.5&nbsp;×&nbsp;1.5em (which can cause overflow of text, awkwardly). I think we need to edit {{tl|color box}} as well to sort this out, because it's a bit awkward all around. The main problem is that each of them needs to support text inside the "color box" portion; {{tl|color box}} in particular looks awful with {{color box|white|<sup>SUPERSCRIPT</sup> inside}}. Here's what I propose as a simple compromise to apply to all the legend templates: no font-size modification ''anywhere'', which makes {{tl|color box}} slightly larger and others smaller, and a 1.25em square and line-height for all, which makes {{tl|color box}} slightly taller and the "legend" series smaller. For width; we'd set min-width 1.25em, allowing legend templates to expand to fit contents like color box does, without relying on space-based sizing in some when the box is empty. 1.25em should accommodate formatting and such while not messing up line-height ''too'' badly elsewhere. <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]]&#8202;&#124;[[User talk:Nihiltres|talk]]&#8202;&#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 06:00, 3 October 2020 (UTC)
:::Retaining the {{tl|legend2}} box line-height throughout the legend series seems rather good. I support this then. Best, --[[User:Discographer|Discographer]] ([[User talk:Discographer|talk]]) 09:48, 3 October 2020 (UTC)
::::{{done}}, a bit boldly; if there are further issues we can hash them out as needed. <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]]&#8202;&#124;[[User talk:Nihiltres|talk]]&#8202;&#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 20:19, 3 October 2020 (UTC)
::::::No issues from me, though you might want to remove {{tl|legend2}} notice from [[Wikipedia:Templates for discussion/Holding cell#Other]]. Best, --[[User:Discographer|Discographer]] ([[User talk:Discographer|talk]]) 20:33, 3 October 2020 (UTC)

== Noticed an ouch or two use patterns of this template ==

Just wanted to give a heads up about having made {{tl|image key}}, which I think would be a good reason to suggest or adopt as the standard wrapper for uses of this template. I'm not sure exactly where this template is used, so right now image key is limited to applying its styles inside a div with the thumb class (which is our thumb files!), but styles can be added for that.

More discussion at [[Wikipedia:Templates for discussion/Log/2021 January 8#Template:Column-count]]. --[[User:Izno|Izno]] ([[User talk:Izno|talk]]) 05:42, 9 January 2021 (UTC)

== Template-protected edit request on 11 May 2021 ==

{{edit template-protected|Template:Legend|answered=yes}}
<syntaxhighlight lang=diff>
- -->{{#if:{{{text|}}}|<span class="legend-text">{{{text}}}</span>|&nbsp;}}<!--
+ -->{{#if:{{{alt|{{{text|}}}}}}|<span class="legend-text" {{#if:{{{alt|}}}|style="color:{{{1|}}};"}}>{{{alt|{{{text}}}}}}</span>|&nbsp;}}<!--
</syntaxhighlight>

Example:
:{{legend inline|#123456|Test|text=T}} ({{tlx|1=legend|2=#123456|3=text=T}})
vs
:{{legend inline|#123456|Test|text=<span style="color:#123456">T</span>}} ({{tlx|1=legend|2=#123456|3=alt=T}} with this edit or {{tlx|legend|2=#123456|3=textcolor=#123456|4=text=T}} currently)

{{param|alt}} is the same as {{param|text}} but applies <code>color:{{param|1}}</code> to the text to make it invisible for normal users. Text with the same col as the bg only shows up when highlighted, without CSS, or from a screenreader, etc. This is useful for hiding clutter for normal users while allowing there to be a secondary non-coloured label for users who want/need it. Removes the need for restating the initial color in {{param|textcolor}}. <b style="border:1px solid #0800aa"> [[User:Nixinova|Nixinova]] </b> <b style="border:1px solid #006eff"> [[User talk:Nixinova|T]] </b> <b style="border:1px solid #00a1ff"> [[Special:Contribs/Nixinova|C]] </b>  07:41, 11 May 2021 (UTC)
:This looks useful, but it's not entirely clear. Can you please put this edit in the sandbox and then add at least one relevant case to the testcases page so that the live template can be compared to the sandbox? – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 13:58, 11 May 2021 (UTC)
:: {{ping|Jonesey95}} Nixnova had already added this to the sandbox, and I added testcases to the end of the /testcases page. Thoughts? [[User:Pppery|* Pppery *]] [[User talk:Pppery|<sub style="color:#800000">it has begun...</sub>]] 18:58, 14 May 2021 (UTC)
:::I have added some more test cases, including some degenerate ones. <s>The only problem I see is when {{para|alt}} exists but is empty. I see a vertical offset of the label text, which I can't explain.</s> If you all are happy with the test cases, I'll implement the sandbox code. I have added this page to my watchlist. Sorry if this seems excessive, but this template is used in a LOT of pages and sometimes in strange ways. The testcases page should probably be updated with some oddball usages from actual articles. – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 21:02, 14 May 2021 (UTC)
:::: I'd say that the test cases you added look good to me. {{ping|Nixinova}} Thoughts? [[User:Pppery|* Pppery *]] [[User talk:Pppery|<sub style="color:#800000">it has begun...</sub>]] 00:40, 18 May 2021 (UTC)
{{od}}
{{to|Pppery|s1=* Pppery *|Jonesey95|Nixinova}} {{done|done}}, and thank you all very much''!'' '''''[[User:Paine Ellsworth|<span style="font-size:92%;color:darkblue;font-family:Segoe Script">P.I.&nbsp;Ellsworth</span>]]'''''&nbsp;&nbsp;[[Editor|<span style="color:black">ed.</span>]]&nbsp;[[User talk:Paine Ellsworth|<sup>put'r&nbsp;there</sup>]]&nbsp;<small>11:45, 21 July 2021 (UTC)</small>
:Thanks for the update. I found a degenerate case in the wild, and I have copied it to the testcases page to demonstrate a bug or limitation of the current code. Take a look at the "Misnested span tag errors". I have copied the previous version of the template into the sandbox so that you can see how it rendered in the past and how it is broken today. – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 15:02, 21 July 2021 (UTC)
::Pleasure''!'' As you know, Jonesey95, there are some templates out there that behave in unexpected ways under certain conditions. That can be noted in the documentation under headings like {{code|<nowiki>==Technical notes==</nowiki>}} or {{code|<nowiki>==Unexpected results==</nowiki>}} to let editors know that they might receive results they don't expect. If a true bullet is needed in those cases, they can use {{tl|*}} instead of a plain asterisk, as I've done in the same [[Template:Legend/testcases|testcases]] section. '''''[[User:Paine Ellsworth|<span style="font-size:92%;color:darkblue;font-family:Segoe Script">P.I.&nbsp;Ellsworth</span>]]'''''&nbsp;&nbsp;[[Editor|<span style="color:black">ed.</span>]]&nbsp;[[User talk:Paine Ellsworth|<sup>put'r&nbsp;there</sup>]]&nbsp;<small>21:32, 21 July 2021 (UTC)</small>
:::Sorry if I was unclear. I was attempting to report a bug that may be fixable with a modification to the template's code. The previous version of the template rendered an asterisk as an asterisk; the new version changed that behavior and also caused Linter misnested tag errors. It seems likely that other variants of this bug have been introduced into articles with the latest change. – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 23:38, 21 July 2021 (UTC)
::::This bug is also present in {{tl|Legend inline}}. See the "Inner text test" at [[Template:Legend inline/testcases]]. – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 00:24, 22 July 2021 (UTC)
:::::{{to|Jonesey95}} thought some about this, but a fix appears to be above my paygrade. What do you think? Should we go back to the previous version? or do you have any idea what code change will squash the bug? '''''[[User:Paine Ellsworth|<span style="font-size:92%;color:darkblue;font-family:Segoe Script">P.I.&nbsp;Ellsworth</span>]]'''''&nbsp;&nbsp;[[Editor|<span style="color:black">ed.</span>]]&nbsp;[[User talk:Paine Ellsworth|<sup>put'r&nbsp;there</sup>]]&nbsp;<small>09:44, 23 July 2021 (UTC)</small>
::::::I tried a few things in the sandbox but was unable to fix it. I think this may be related to {{phab|T14974}}. I decided to just document the new limitation, which I am sure exists in other templates, and fix the new errors that showed up in the Linter lists. I think we can let this go. – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 13:34, 23 July 2021 (UTC)

== Border radius ==

What do you think about adding border-radius to the CSS of this template? I note that rounded borders/corners are a trend in current web design and layout and have a positive psychological and emotional effects on people. − [[User:Allice Hunter|<span style="font-family:Helvetica; color:#4B0082;">'''''Allice Hunter'''''</span>]] [[User talk:Allice Hunter|<span style="color:#7B68EE; font-style:oblique;"><sup>(Inbox)</sup></span>]] 03:45, 2 November 2021 (UTC)
:It's usually best to have the whole site looking pretty much the same, rather than changing just one template, but you are welcome to put your change in the template's sandbox and demonstrating it on the testcases page. – [[User:Jonesey95|Jonesey95]] ([[User talk:Jonesey95|talk]]) 04:49, 2 November 2021 (UTC)
::I agree with you about keeping the entire site looking the same. But I think we could implement changes little by little in all templates until we get a standardization of the layout. Unfortunately I notice that the site is looking very outdated. We don't even have a decent dark mode and the changes in the new Vector weren't enough to update our layout according to the new trends. A small change in cascade can make good difference. − [[User:Allice Hunter|<span style="font-family:Helvetica; color:#4B0082;">'''''Allice Hunter'''''</span>]] [[User talk:Allice Hunter|<span style="color:#7B68EE; font-style:oblique;"><sup>(Inbox)</sup></span>]] 19:49, 2 November 2021 (UTC)

== Dark mode compatibility ==

[[File:Metro_in_the_World.png|thumb|Rapid transit networks around the world:{{Legend|#000080|Rapid transit in one city}}{{Legend|#FF0000|Rapid transit in two or more cities}}{{Legend|#FF8040|Rapid transit under construction}}{{Legend|#804000|Planned rapid transit}}{{Legend|#CDC3CC|No rapid transit}}]]
{{Pie chart|thumb=right|label5=Other Christian denominations|value8=0.7|label8=[[Judaism]]|color7=Yellow|value7=1.0|label7=[[Buddhism]]|color6=Orange|value6=1.1|label6=[[Hinduism]]|color5=DeepSkyBlue|value5=5.9|color4=Green|caption=Religion in Amsterdam (2015)|value4=7.1|label4=[[Islam in the Netherlands|Islam]]|color3=DodgerBlue|value3=9.8|label3=[[Protestant Church in the Netherlands]]|color2=DarkOrchid|value2=13.3|label2=[[Catholic Church]]|color1=WhiteSmoke|value1=62.2|label1=[[Irreligion|Non affiliated]]|color8=Blue}}
A lot of people have been using the [[Special:Preferences#mw-input-wpgadget-dark-mode-toggle|dark mode gadget]].. This gadget inverts the colours, but NOT for images. As Template:Legend is NOT in image, it DOES get inverted. There is a way to opt out of this behaviour, using the class "mw-no-invert", but... Template:Legend is used for both images (maps generally) and non-images (CSS graphs for instance).

I see no good way around this, other than maybe have things like [[Template:Pie chart]] call Template:Legend, with a specific parameter to indicate that the "mw-no-invert" should NOT be used in those specific cases. But even then there might be lots of use cases out there.

Thoughts welcome. Examples to the right if you want to [https://en.wikipedia.org/wiki/Template_talk:Legend?withgadget=dark-mode#Dark_mode_compatibility enable dark mode] and see the problem of legend collars not matching the colours they are describing. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:15, 6 January 2022 (UTC)
:@[[User:TheDJ|TheDJ]] We could target pie-chart specific legends using <code>html.client-dark-mode .PieChartTemplate .legend</code> in TemplateStyles. – [[User:SD0001|<span style="font-weight: bold; color: #C30">SD0001</span>]] ([[User talk:SD0001|talk]]) 08:05, 8 January 2022 (UTC)
::But there is more than 1 template. And a few of the calls aren’t even templates at all. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:27, 8 January 2022 (UTC)
:I've applied no-invert to both legend and piecharts, but there might be lots more cases. I guess we will await the feedback. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 13:23, 21 July 2022 (UTC)
::@[[User:TheDJ|TheDJ]] Very belated response, but (through {{tl|colorbox}}) this template is apparently used in articles like [[iPhone 15 Pro]]. You can see in the "Design" and "Detailed Specs" sections I've utilized the <code>.mw-no-invert</code> to prevent the colors from being changed when dark mode is enabled. This isn't ideal as it requires knowledge of the issue by editors to resolve. Not sure what the right answer is here, but wanted to give a few more examples for anyone still looking at this. —[[User:Locke Cole|Locke Cole]] • [[User talk:Locke Cole|t]] • [[Special:Contributions/Locke Cole|c]] 03:47, 18 September 2023 (UTC)
:::Someone would have to analyse the usages of colorbox to check if they refer to true, 'source' colours, or more 'legend' colours. If they are almost always source colours, the class probably can best be set on the template itself. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 09:36, 18 September 2023 (UTC)
{{od}}Hey {{ping|TheDJ}} with your addition of {{code|1=class=mw-no-invert}} in the {{t|legend}} and {{t|legend-inline}} templates we're getting mismatched colors when a legend refers to a list. such as [[List of spaceflight records#Most time in space]] or [[List of the verified oldest people]]. Any idea how to solve this without manually editing thousands of such lists? — [[User:JFG|JFG]] <sup>[[User talk:JFG|talk]]</sup> 05:18, 10 September 2024 (UTC)

:Like i have stated before, legend is used all over the place for many different reasons. Its is contextual, yet knows nothing about its context. So problems like these are expected, if ppl randonly put some colors in a table with background colors. There is no real fix for this, for people using the gadget, but its fine if you use the new dark mode, as that, unlike the gadget,  doesnt flip colors. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 12:51, 10 September 2024 (UTC)
:You can use <code>.mw-no-invert</code> on the table class (just add it after <code>class="wikitable"</code> (as in <code>class="wikitable mw-no-invert"</code>), but the problem is, then the whole table doesn't respond to dark mode. As this template seems to have been designed to make a consistent look/style for image legends, I think having <code>.mw-no-invert</code> be the default is desirable. That being said, @[[User:TheDJ|TheDJ]], maybe add a parameter to disable <code>.mw-no-invert</code> for lists and other non-image use-cases? —[[User:Locke Cole|Locke Cole]] • [[User talk:Locke Cole|t]] • [[Special:Contributions/Locke Cole|c]] 15:15, 10 September 2024 (UTC)

{{clear}}

== Media Viewer ==

I did a search in the help and talk pages, so forgive me if this has been reported in the past.
Is there a reason the legend boxes in Media Viewer are narrow? I seem to remember them being square some years ago.
Example: https://en.wikipedia.org/wiki/Template:Legend#/media/File:Celts_in_Europe.png. [[User:The Equalizer|The Equalizer]] ([[User talk:The Equalizer|talk]]) 20:45, 15 February 2022 (UTC)

:{{re|The Equalizer}} This is an issue with TemplateStyles and MediaViewer, and not the template itself. Parsed content is being used in the MediaViewer view, but it's not wrapped in the <code>mw-parser-output</code> class. All TemplateStyles styles are "hoisted" to only apply within an element with that class, so TemplateStyles styles don't apply in MediaViewer, and only dynamic properties specified on the rendered HTML element (i.e. the background colour and text colour) are being passed through. A bug is already filed as [[phab:T284857|T284857]]. <span style="white-space:nowrap;">{&#123;[[User:Nihiltres|<span style="color:#233D7A;">Nihiltres</span>]]&#8202;&#124;[[User talk:Nihiltres|talk]]&#8202;&#124;[[Special:Contributions/Nihiltres|edits]]}&#125;</span> 15:47, 16 May 2022 (UTC)

::Thanks for the update, forgot to check Phabricator. Regards, [[User:The Equalizer|The Equalizer]] ([[User talk:The Equalizer|talk]]) 13:47, 17 May 2022 (UTC)