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

From DynamicPageList3 Manual
Content added Content deleted
imported>FrozenPlum
(This is a very non-ideal way to do this... but for this example it's necessary. Did my best to explain it, this is a workaround rather than a proper example anyhow.)
 
imported>FrozenPlum
m (FrozenPlum moved page Controlling output format/Parameter: columns (example 1) to Examples/Parameter: columns (example 1): Simplifying how things are structured)
 
(3 intermediate revisions by the same user not shown)
Line 6:
==Example==
 
This will list articles in [[:Category:Fruit examples]] (not including subpages), arranged in 3 columns, the <code>{{DPL|rowcolformat}}</code> is used to make the width 100%.
 
{{note|'''Note:''' This example uses a '''workaround'''; a [https://www.w3schools.com/tags/tag_div.asp div] tag is used to wrap ''around'' the DPL3 statement, applying [https://www.w3schools.com/cssref/css3_pr_column-count.asp CSS column-count], to make the example function as described.}}
 
<pre>
<div class="dpl3-column-3" style="-webkit-column-count:3; column-count:3;"><!-- workaround start -->
{{#dpl:
|category = Fruit examples
|includesubpages = false
|columns = 3
|rowcolformat = width=100%
Line 24 ⟶ 23:
==Result==
 
<div class="dpl3-column-3" style="-webkit-column-count:3; column-count:3;"><!-- workaround start -->
{{#dpl:
|category = Fruit examples
|includesubpages = false
|columns = 3
|rowcolformat = width=100%
Line 34 ⟶ 32:
</div><!-- workaround end -->
<noinclude>
[[Category:ControllingArranging outputarticle formatlists (examples)‎in columns and rows]]
[[Category:Uses category parameter]]
[[Category:Uses includesubpages parameter]]
[[Category:Uses columns parameter]]
[[Category:Uses rowcolformat parameter]]

Latest revision as of 23:48, 31 March 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 will list articles in Category:Fruit examples, arranged in 3 columns, the rowcolformat is used to make the width 100%.


Note: This example uses a workaround; a div tag is used to wrap around the DPL3 statement, applying CSS column-count, to make the example function as described. 
<div class="dpl3-column-3" style="-webkit-column-count:3; column-count:3;"><!-- workaround start -->
{{#dpl:
 |category        = Fruit examples
 |columns         = 3
 |rowcolformat    = width=100%
 |count           = 3
}}
</div><!-- workaround end -->

Result

{{#dpl: 

|category        = Fruit examples
|columns         = 3
|rowcolformat    = width=100%
|count           = 3

}}

Retrieved from "https://dpl3.wikitide.org/wiki/Examples/Parameter:_columns_(example_1)?oldid=2372"