Examples/Parameter: hlistattr (example 1): Difference between revisions
< Examples
Content added Content deleted
imported>FrozenPlum (Created page with "<noinclude>{{noedit}}</noinclude><!-- This is the example preloaded for testing, press "Show Preview" to see the example working (at the bottom of the page). If you save this page, it saves as a new section at the bottom of your '''User:Username/Sandbox''' --> ==Example== This will select articles in Category:Countries in Europe and orders them by ''category'' (which is used in combination with <code>headingmode</code> to put category as header) and ''pagetouched'...") |
imported>FrozenPlum (Simplify examples to match now that extra styles could be moved to Common.css) |
||
(13 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
==Example== |
==Example== |
||
This |
This selects articles in [[:Category:Countries in Africa]] or [[:Category:Countries in Europe]] and orders them by ''category'' (which is used in combination with <code>headingmode</code> to put the category as the header). <code>{{DPL|mode}}</code> is set to ''ordered'' which causes the articles that are listed under the categories to be numbered. The <code>hlistattr</code> adds formatting at the heading/top level, which encloses all other items; an ID is given, a [https://www.w3schools.com/cssref/sel_class.asp CSS class] is given to set the color orange, and a border and padding are set. |
||
<pre> |
<pre> |
||
{{#dpl: |
{{#dpl: |
||
|category = Countries in Europe |
|category = Countries in Africa¦Countries in Europe |
||
|ordermethod = category,pagetouched |
|ordermethod = category,pagetouched |
||
|headingmode = definition |
|headingmode = definition |
||
|mode = ordered |
|mode = ordered |
||
|hlistattr = class="dpl-orange-background |
|hlistattr = id="dl-example" class="dpl-orange-background" |
||
⚫ | |||
|listattr = id="listitem" class="dpl-blue-background" |
|||
|itemattr = id="submenulistitem" style="font-style: italic;" |
|||
⚫ | |||
}} |
}} |
||
</pre> |
</pre> |
||
Line 24: | Line 22: | ||
{{#dpl: |
{{#dpl: |
||
|category = Countries in Europe |
|category = Countries in Africa¦Countries in Europe |
||
|ordermethod = category,pagetouched |
|ordermethod = category,pagetouched |
||
|headingmode = definition |
|headingmode = definition |
||
|mode = ordered |
|mode = ordered |
||
|hlistattr = class="dpl-orange-background |
|hlistattr = id="dl-example" class="dpl-orange-background" |
||
⚫ | |||
|listattr = id="listitem" class="dpl-blue-background" |
|||
|itemattr = id="submenulistitem" style="font-style: italic;" |
|||
⚫ | |||
}} |
}} |
||
<noinclude> |
<noinclude> |
||
[[Category: |
[[Category:Heading mode]] |
||
[[Category:Uses category parameter]] |
[[Category:Uses category parameter]] |
||
[[Category:Uses ordermethod parameter]] |
[[Category:Uses ordermethod parameter]] |
||
Line 40: | Line 36: | ||
[[Category:Uses mode parameter]] |
[[Category:Uses mode parameter]] |
||
[[Category:Uses hlistattr parameter]] |
[[Category:Uses hlistattr parameter]] |
||
[[Category:Uses |
[[Category:Uses count parameter]] |
||
[[Category:Uses itemattr parameter]] |
|||
</noinclude> |
</noinclude> |
Latest revision as of 19:28, 15 June 2023
Example
This selects articles in Category:Countries in Africa or Category:Countries in Europe and orders them by category (which is used in combination with headingmode
to put the category as the header). mode
is set to ordered which causes the articles that are listed under the categories to be numbered. The hlistattr
adds formatting at the heading/top level, which encloses all other items; an ID is given, a CSS class is given to set the color orange, and a border and padding are set.
{{#dpl: |category = Countries in Africa¦Countries in Europe |ordermethod = category,pagetouched |headingmode = definition |mode = ordered |hlistattr = id="dl-example" class="dpl-orange-background" |count = 2 }}
Result
{{#dpl: |category = Countries in Africa¦Countries in Europe |ordermethod = category,pagetouched |headingmode = definition |mode = ordered |hlistattr = id="dl-example" class="dpl-orange-background" |count = 2 }}