Examples/Parameter: hlistattr (example 1): Difference between revisions

From DynamicPageList3 Manual
Content added Content deleted
imported>FrozenPlum
mNo edit summary
imported>FrozenPlum
(Simplify examples to match now that extra styles could be moved to Common.css)
 
(8 intermediate revisions by the same user not shown)
Line 6:
==Example==
 
This will selectselects 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 asto ''ordered'' which causes the articles that belongare inlisted under the categories to be numbered. The <code>hlistattr</code> adds attributesformatting 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 the font size is set to 17 pixels. The '''entire list would appear orange, if''' no <code>listattr</code> was set; though <code>listattr</code> sets an ID to the ''ordered list'' and applies a blue CSS class (which also apepars on its ''list items''). The <code>itemattr</code> sets an IDborder and stylepadding (italic)are to list itemsset.
 
<pre>
Line 14:
|headingmode = definition
|mode = ordered
|hlistattr = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
|listattr = id="ol-example" class="dpl-blue-background"
|itemattr = id="li-example" style="font-style: italic;"
|count = 2
}}
Line 28 ⟶ 26:
|headingmode = definition
|mode = ordered
|hlistattr = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
|listattr = id="ol-example" class="dpl-blue-background"
|itemattr = id="li-example" style="font-style: italic;"
|count = 2
}}
<noinclude>
[[Category:ControllingHeading output format (examples)‎mode]]
[[Category:Uses category parameter]]
[[Category:Uses ordermethod parameter]]
Line 40 ⟶ 36:
[[Category:Uses mode parameter]]
[[Category:Uses hlistattr parameter]]
[[Category:Uses listattrcount parameter]]
[[Category:Uses itemattr parameter]]
</noinclude>

Latest revision as of 19:28, 15 June 2023

Please do not edit this page unless you're wanting to edit the manual itself, it is an example included in the manual.

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 }}