https://old-wiki.warthunder.com/index.php?action=history&feed=atom&title=User%3AU12017485%2FTDp 2026-05-02T22:21:03Z Revision history for this page on the wiki MediaWiki 1.30.0 https://old-wiki.warthunder.com/index.php?title=User:U12017485/TDp&diff=190325&oldid=prev 2024-07-26T10:36:22Z

<p>Created a template for better illustration of a scale differences</p> <p><b>New page</b></p><div>&lt;includeonly&gt;| style=&quot;padding:0;height:100%;&quot; |&lt;div style=&quot;background-color:{{{color|rgb(207, 216, 220)}}};width:{{{value|{{#expr:{{{valueP|}}}*100}}}}}%;height:100%;overflow:visible;white-space:nowrap;padding:{{{padding|0.2em 0.4em 0.2em 0.4em}}};display:flex;align-items:center;box-sizing:border-box;&quot;&gt;&lt;div&gt;{{{1}}}&lt;/div&gt;&lt;/div&gt;&lt;/includeonly&gt;&lt;noinclude&gt;This template allows you to create progress bars within table cells.<br /> <br /> Note<br /> # row needs to have height set to 100% for this to work (&lt;code&gt;&lt;nowiki&gt;|- style=&quot;height: 100%;&quot;&lt;/nowiki&gt;&lt;/code&gt;)<br /> # this template already contains &lt;code&gt;|&lt;/code&gt; (table row command), so it should be used directly in line<br /> <br /> {| class=&quot;wikitable sortable&quot; style=&quot;text-align:center&quot; width=&quot;100%&quot;<br /> |-<br /> ! Code<br /> ! Sample<br /> |- style=&quot;height: 100%;&quot; <br /> | &lt;code&gt;&lt;nowiki&gt;{{User:U12017485/TDp|value=50|2 Lorem ipsum dolor sit amet}}&lt;/nowiki&gt;&lt;/code&gt;<br /> {{User:U12017485/TDp|value=50|2 Lorem ipsum dolor sit amet}}<br /> |- style=&quot;height: 100%;&quot; <br /> | &lt;code&gt;&lt;nowiki&gt;{{User:U12017485/TDp|color=#94a4b0|value=45|1 Lorem ipsum dolor sit amet}}&lt;/nowiki&gt;&lt;/code&gt;<br /> {{User:U12017485/TDp|color=#94a4b0|value=45|1 Lorem ipsum dolor sit amet}}<br /> |- style=&quot;height: 100%;&quot; <br /> | &lt;code&gt;&lt;nowiki&gt;{{User:U12017485/TDp|color=#94a4b0|valueP=0.40|4 Lorem ipsum dolor sit amet}}&lt;/nowiki&gt;&lt;/code&gt;<br /> {{User:U12017485/TDp|color=#94a4b0|valueP=0.40|4 Lorem ipsum dolor sit amet}}<br /> |- style=&quot;height: 100%;&quot; <br /> | &lt;code&gt;&lt;nowiki&gt;{{User:U12017485/TDp|color=rgb(176, 190, 197)|valueP=0.35|padding=0|3 Lorem ipsum dolor sit amet}}&lt;/nowiki&gt;&lt;/code&gt; (this sample shows a new parameter: [https://developer.mozilla.org/en-US/docs/Web/CSS/padding padding], and a color matching the table borders)<br /> {{User:U12017485/TDp|color=rgb(176, 190, 197)|valueP=0.35|padding=0|3 Lorem ipsum dolor sit amet}}<br /> |}<br /> Wiki's sorting still works fine, ignoring the html, and going straight for the content :)<br /> <br /> Code sample for a whole table:<br /> &lt;pre&gt;&lt;nowiki&gt;{| class=&quot;wikitable sortable&quot; style=&quot;text-align:center&quot; width=&quot;100%&quot;<br /> |-<br /> ! Test<br /> ! Sample<br /> |- style=&quot;height: 100%;&quot; <br /> | test<br /> {{User:U12017485/TDp|value=50|Lorem ipsum dolor sit amet}} &lt;!-- this line correctly does '''not''' start with &lt;code&gt;| &lt;/code&gt;! --&gt;<br /> |}&lt;/nowiki&gt;&lt;/pre&gt;<br /> &lt;/noinclude&gt;</div>

U12017485