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
(fix my wrong category)
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]]

Revision as of 04:07, 2 October 2022

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

}}