Examples/Parameter: columns (example 1)

From DynamicPageList3 Manual
Revision as of 01:22, 2 October 2022 by imported>FrozenPlum (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.)
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

}}