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

From DynamicPageList3 Manual
Content added Content deleted
imported>FrozenPlum
m (Add a class so I can request this workaround replace the DPL3 function in DPL3's code (with class) so that it can be targeted via media queries for responsive wikis to be responsive friendly.)
imported>FrozenPlum
m (FrozenPlum moved page Controlling output format/Parameter: columns (example 1) to Examples/Parameter: columns (example 1): Simplifying how things are structured)
 
(One intermediate revision by the same user not shown)
Line 32: Line 32:
</div><!-- workaround end -->
</div><!-- workaround end -->
<noinclude>
<noinclude>
[[Category:Controlling output format (examples)‎]]
[[Category:Arranging article lists in columns and rows]]
[[Category:Uses category parameter]]
[[Category:Uses category parameter]]
[[Category:Uses columns parameter]]
[[Category:Uses columns 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

}}