Template:ContentGrid/doc

{{#switch:<translate></translate> | = {{#if:{{#ifexpr: ( {{#ifeq:doc|doc|1|0}} or ( {{#ifeq:{{#titleparts:template:contentgrid/doc|-1|-2}}|doc|1|0}} and {{#if:Lua error: Cannot create process: proc_open is not available. Check PHP's "disable_functions" configuration directive.|1|0}} ) )|1|}}

{{#ifeq:show |show

         | Template:Mbox
        }}{{#if: |
         |   {{#ifexist:Template:ContentGrid
                  | [[Category:{{#switch:Template
                          | Template | Project = Template
                          | Module   = Module
                          | User     = User
                          | #default = MediaWiki
                      }} documentation pages{{#translation:}}]]
                  | [[Category:Documentation subpages without corresponding pages{{#translation:}}]]
                 }}
        }}
    | 
   }}

| #default=

 Lua error: Cannot create process: proc_open is not available. Check PHP's "disable_functions" configuration directive.

}} Lua error: Cannot create process: proc_open is not available. Check PHP's "disable_functions" configuration directive.

Usage

A responsive grid of page elements. Populate the content parameter with grid elements separated by a new line.

For example:

{{ContentGrid
|content=

Text A

Text B

Text C
}}

Produces:

<div class="wiki-template-contentgrid" style="margin-{{#switch:{{#if:||{{#if:{{#ifeq:lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.|en |{{#ifeq:{{#titleparts:contentgrid/doc||-1}}|en

 |lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.
 }}

|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive. }}|{{#ifeq:lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.|en |{{#ifeq:{{#titleparts:contentgrid/doc||-1}}|en

 |lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.
 }}

|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive. }}|⧼lang⧽}}}} |aeb|aeb-arab|aic|ar|arc|arq|ary|arz|azb|bcc|bgn|bqi|bqp|ckb|ckb-arab|dv|en-rtl|fa|fa-af|glk|ha-arab|haz|he|khw|kk-arab|kk-cn|ks|ks-arab|ku-arab|lki|lrc|luz|mzn|nqo|ota|phn|pnb|prd|prs|ps|sd|sdh|skr|skr-arab|tg-arab|tly|ug|ug-arab|ur|uz-arab|xpu|ydd|yi ={{#ifeq:|-||{{#ifeq:left|left|left|rtl}}}} |#default ={{#ifeq:|-||{{#ifeq:right|right|right|ltr}}}} }}: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 10px; grid-auto-rows: minmax(100px, auto); width: auto;">Text A

Text B

Text C

This template works well with other templates, like Template:Colored box.

For example:

{{ContentGrid
|content=

{{Colored box
|title = Title
|content = Content
}}

{{Colored box
|title =
|content = 
}}

}}

Produces:

<div class="wiki-template-contentgrid" style="margin-{{#switch:{{#if:||{{#if:{{#ifeq:lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.|en |{{#ifeq:{{#titleparts:contentgrid/doc||-1}}|en

 |lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.
 }}

|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive. }}|{{#ifeq:lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.|en |{{#ifeq:{{#titleparts:contentgrid/doc||-1}}|en

 |lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.
 }}

|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive. }}|⧼lang⧽}}}} |aeb|aeb-arab|aic|ar|arc|arq|ary|arz|azb|bcc|bgn|bqi|bqp|ckb|ckb-arab|dv|en-rtl|fa|fa-af|glk|ha-arab|haz|he|khw|kk-arab|kk-cn|ks|ks-arab|ku-arab|lki|lrc|luz|mzn|nqo|ota|phn|pnb|prd|prs|ps|sd|sdh|skr|skr-arab|tg-arab|tly|ug|ug-arab|ur|uz-arab|xpu|ydd|yi ={{#ifeq:|-||{{#ifeq:left|left|left|rtl}}}} |#default ={{#ifeq:|-||{{#ifeq:right|right|right|ltr}}}} }}: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 10px; grid-auto-rows: minmax(100px, auto); width: auto;">Title Content

Title

Content