Template:NavboxGroup

Defines all its styles as template styles

All styles for this template are defined as template styles in Template:NavboxGroup/styles.css.

Template documentation
View or edit this documentation. (About template documentation) Note Portions of the template sample may not be visible without values provided.

Usage

With items as content

With only items present as content, a horizontal content formation is assumed.

{{NavboxGroup|Title here
  |{{NavboxItem|Laser Blaster}}
  |{{NavboxItem|Heavy Laser Blaster}}
}}

↓

@@__NavboxGroupMarker__@@

Title here

Laser Blaster•Heavy Laser Blaster

↓

'"`UNIQ--templatestyles-00000005-QINU`"'@@__NavboxGroupMarker__@@<div class="navbox-group navbox-group-with-items">
    <div class="navbox-group-title" style="
      background-color: color-mix(in srgb, var(--gray--light) 40%, transparent);
    ">Title here</div>
    <div class="navbox-group-content" style="flex-direction: row;
gap: .25rem;
padding: 0 .4rem;
align-items: center;"><span class="navbox-item" style="
  white-space: pre;
">[[Laser Blaster]]</span><span style="
    color: var(--gray--light); 
    /* more compact */
    margin: 0 -.1em;
">•</span><span class="navbox-item" style="
  white-space: pre;
">[[Heavy Laser Blaster]]</span></div>
</div>

With groups as content

With any group present as part of the content, a vertical content formation is assumed.

{{NavboxGroup|Title here
  |{{NavboxGroup|Subtitle here 1}}
  |{{NavboxGroup|Subtitle here 2}}
}}

↓

@@__NavboxGroupMarker__@@

Title here

@@__NavboxGroupMarker__@@

Subtitle here 1

@@__NavboxGroupMarker__@@

Subtitle here 2

↓

'"`UNIQ--templatestyles-00000010-QINU`"'@@__NavboxGroupMarker__@@<div class="navbox-group navbox-group-with-groups">
    <div class="navbox-group-title" style="
      background-color: color-mix(in srgb, var(--gray--light) 40%, transparent);
    ">Title here</div>
    <div class="navbox-group-content" style="flex-direction: column;
gap: .25rem;
padding-left: .25rem;">'"`UNIQ--templatestyles-0000000E-QINU`"'@@__NavboxGroupMarker__@@<div class="navbox-group navbox-group-with-items">
    <div class="navbox-group-title" style="
      background-color: color-mix(in srgb, var(--gray--light) 40%, transparent);
    ">Subtitle here 1</div>
    <div class="navbox-group-content" style="flex-direction: row;
gap: .25rem;
padding: 0 .4rem;
align-items: center;"></div>
</div>'"`UNIQ--templatestyles-0000000F-QINU`"'@@__NavboxGroupMarker__@@<div class="navbox-group navbox-group-with-items">
    <div class="navbox-group-title" style="
      background-color: color-mix(in srgb, var(--gray--light) 40%, transparent);
    ">Subtitle here 2</div>
    <div class="navbox-group-content" style="flex-direction: row;
gap: .25rem;
padding: 0 .4rem;
align-items: center;"></div>
</div></div>
</div>

Other

Script used to generate a bunch of parameters:

Code

(() => {
    let count = 100;
    let startFrom = 2;

    let items = [];
    let paramOrderItems = [];
    for (let i = startFrom; i <= count; i++) {
        const isFirst = i === startFrom;
        const isLast = i === count;

        const required = isFirst;
        const suggested = !isFirst;
        const itemName = `${i}`;
        items.push(`"${itemName}": { "label": "Item", "description": "An item to display.", "type": "content", "required": ${required}, "suggested": ${suggested} }${isLast ? '' : ','}`)
        paramOrderItems.push(`"${itemName}"`)
    }

    items.push('');
    items.push(`"paramOrder": [
${paramOrderItems.join(",\n")}
],`)
    download(items.join('\n'), 'res.txt', 'text')

    function download(content, filename, contentType) {
        if (!contentType) contentType = 'application/octet-stream';
        var a = document.createElement('a');
        var blob = new Blob([content], { 'type': contentType });
        a.href = window.URL.createObjectURL(blob);
        a.download = filename;
        a.click();
    }
})();

Used to create groups for {{Navbox}}. For items use {{NavboxItem}}.

Template parameters

This template prefers block formatting of parameters.

Parameter		Description	Type	Status
Title	1	A title to display.	String	required
Item	2	An item to display.	Content	required
Item	3	An item to display.	Content	suggested
Item	4	An item to display.	Content	suggested
Item	5	An item to display.	Content	suggested
Item	6	An item to display.	Content	suggested
Item	7	An item to display.	Content	suggested
Item	8	An item to display.	Content	suggested
Item	9	An item to display.	Content	suggested
Item	10	An item to display.	Content	suggested
Item	11	An item to display.	Content	suggested
Item	12	An item to display.	Content	suggested
Item	13	An item to display.	Content	suggested
Item	14	An item to display.	Content	suggested
Item	15	An item to display.	Content	suggested
Item	16	An item to display.	Content	suggested
Item	17	An item to display.	Content	suggested
Item	18	An item to display.	Content	suggested
Item	19	An item to display.	Content	suggested
Item	20	An item to display.	Content	suggested
Item	21	An item to display.	Content	suggested
Item	22	An item to display.	Content	suggested
Item	23	An item to display.	Content	suggested
Item	24	An item to display.	Content	suggested
Item	25	An item to display.	Content	suggested
Item	26	An item to display.	Content	suggested
Item	27	An item to display.	Content	suggested
Item	28	An item to display.	Content	suggested
Item	29	An item to display.	Content	suggested
Item	30	An item to display.	Content	suggested
Item	31	An item to display.	Content	suggested
Item	32	An item to display.	Content	suggested
Item	33	An item to display.	Content	suggested
Item	34	An item to display.	Content	suggested
Item	35	An item to display.	Content	suggested
Item	36	An item to display.	Content	suggested
Item	37	An item to display.	Content	suggested
Item	38	An item to display.	Content	suggested
Item	39	An item to display.	Content	suggested
Item	40	An item to display.	Content	suggested
Item	41	An item to display.	Content	suggested
Item	42	An item to display.	Content	suggested
Item	43	An item to display.	Content	suggested
Item	44	An item to display.	Content	suggested
Item	45	An item to display.	Content	suggested
Item	46	An item to display.	Content	suggested
Item	47	An item to display.	Content	suggested
Item	48	An item to display.	Content	suggested
Item	49	An item to display.	Content	suggested
Item	50	An item to display.	Content	suggested
Item	51	An item to display.	Content	suggested
Item	52	An item to display.	Content	suggested
Item	53	An item to display.	Content	suggested
Item	54	An item to display.	Content	suggested
Item	55	An item to display.	Content	suggested
Item	56	An item to display.	Content	suggested
Item	57	An item to display.	Content	suggested
Item	58	An item to display.	Content	suggested
Item	59	An item to display.	Content	suggested
Item	60	An item to display.	Content	suggested
Item	61	An item to display.	Content	suggested
Item	62	An item to display.	Content	suggested
Item	63	An item to display.	Content	suggested
Item	64	An item to display.	Content	suggested
Item	65	An item to display.	Content	suggested
Item	66	An item to display.	Content	suggested
Item	67	An item to display.	Content	suggested
Item	68	An item to display.	Content	suggested
Item	69	An item to display.	Content	suggested
Item	70	An item to display.	Content	suggested
Item	71	An item to display.	Content	suggested
Item	72	An item to display.	Content	suggested
Item	73	An item to display.	Content	suggested
Item	74	An item to display.	Content	suggested
Item	75	An item to display.	Content	suggested
Item	76	An item to display.	Content	suggested
Item	77	An item to display.	Content	suggested
Item	78	An item to display.	Content	suggested
Item	79	An item to display.	Content	suggested
Item	80	An item to display.	Content	suggested
Item	81	An item to display.	Content	suggested
Item	82	An item to display.	Content	suggested
Item	83	An item to display.	Content	suggested
Item	84	An item to display.	Content	suggested
Item	85	An item to display.	Content	suggested
Item	86	An item to display.	Content	suggested
Item	87	An item to display.	Content	suggested
Item	88	An item to display.	Content	suggested
Item	89	An item to display.	Content	suggested
Item	90	An item to display.	Content	suggested
Item	91	An item to display.	Content	suggested
Item	92	An item to display.	Content	suggested
Item	93	An item to display.	Content	suggested
Item	94	An item to display.	Content	suggested
Item	95	An item to display.	Content	suggested
Item	96	An item to display.	Content	suggested
Item	97	An item to display.	Content	suggested
Item	98	An item to display.	Content	suggested
Item	99	An item to display.	Content	suggested
Item	100	An item to display.	Content	suggested