View source for Template:ExpansionSelector/pl

<includeonly><div id="expansion_selector" style="background-color: white; margin-bottom: 1ex;{{#ifeq: {{{sticky}}} | true | padding: 0 5px; border: 1px solid #eee; border-radius: 10px;}}">
<div class="expansion_selector_header {{#ifeq: {{{sticky}}} | true | is-sticky }}" style="margin: 0 -5px 5px -5px; padding: 10px; {{#ifeq: {{{sticky}}} | true | position: sticky; top: {{BreadcrumbWidth}}; z-index:10; background-color: white; border-style: solid; border-color: #eee; border-width: 1px; border-radius: 5px 5px 0 0; | border: 1px solid #c5c5c5; border-radius: 5px;}}">'''Wybierz wszystkie rozszerzenia, aby wyświetlić tylko powiązane interakcje. Wszystkie pozostałe są ukryte.''' <div style="position: absolute; right: 5px; top: 5px; border: 1px solid gray; border-radius: 50px; display: inline-block; width: 20px; height: 20px; text-align: center; padding: 0; margin: 4px 0 0; line-height: 15px;">[[#expansion_selector|↑]]</div></div>

{{:Expansion_Selector_Labels{{#translation:}}}}
<div class="showAll" id="_Expansion_Selector_"></div>
<div class="showWhenDone {{#ifeq: {{{hideselection}}} | true | hideSelectionPanel}} {{#ifeq: {{{sticky}}} | true | stickyExpansionSelector }} " id="_Tabs_Container_" style="display:none;{{#ifeq: {{{sticky}}} | true | padding-bottom: 2ex; | {{#if: {{{height|}}} | height: {{{height}}}; overflow: auto;border: 1px solid gray;border-radius: 5px;}} }}" data-fixed-edition="{{{1|}}}" data-fan-expansions="{{#ifeq: {{{fanexpansions}}} | true | true | false }}" data-preselected-expansions="{{{preselected|}}}></div>
<div class="hideWhenDone"><div class="show-nojs">Narzędzie do wybierania rozszerzeń wymaga JavaScript.</div><div class="show-js">'''Przygotowanie narzędzia do wybierania rozszerzeń...'''</div></div>{{#ifeq:{{{keepopen|false}}} | true | | {{#ifeq: {{{sticky}}} | true | {{{content}}} | {{{content|}}} }}{{ExpansionSelectorEnd}}  }}</includeonly><noinclude><languages/>{{Breadcrumbs|link1={{EditorManualLink}} }}{{Category|Translatable_templates}}
== Description ==
Generate '''Expansion selector''' tabs on allowed pages.<br />
* Translate texts in expansion selector [[:Expansion_Selector_Labels]]

== Params ==
* <code>hideselection</code> Optional [<code>true</code>| '''-empty-''' ] - when <code>true</code> list of selected expansions is not displayed
* <code>fanexpansions</code> Optional [<code>true</code>| '''-empty-''' ] - when <code>true</code> include fan-expansions into selector (once it will be available)
* <code>height</code> Optional [<code>CSS size</code>| '''-empty-''' ] - height of expansion selector, applicable only when not set <code>stickty=true</code>
* <code>sticky</code> Optional [<code>true</code>| '''-empty-''' ] - when set, position of expansion is sticky
* <code>content</code> Required when <code>sticky=true</code> - content of sticky expansion selector 
* <code>keepopen</code> Optional [<code>true</code>| '''-empty-''' ] - when <code>true</code> include fan-expansions into selector (once it will be available)

== Examples ==
{| class="wikitable light"
! Code || Description
|-
! <code><nowiki>{{ExpansionSelector}}</nowiki></code> || Default expansion selector
|-
! <code><nowiki>{{ExpansionSelector|hideselection=true}}</nowiki></code> || Hide selected expansions
|-
! <code><nowiki>{{ExpansionSelector|fanexpansions=true}}</nowiki></code> || Show fan expansions
|-
! <code><nowiki>{{ExpansionSelector|height=200px}}</nowiki></code> || Limit height of Expansion Selector
|-
! <code><nowiki>{{ExpansionSelector|hideselection=true|fanexpansions=true|sticky=true|content=...}}</nowiki></code> || Sticky example
|-
| colspan="2" | 
{{ExpansionSelector|hideselection=true|fanexpansions=true|sticky=true|content=
Example 1

Need Black Dragon to be checked: <span class="showBlackDragon"><strong>yes it is!</strong></span>

Example 3

Example 4

Example 5

Example 6

Example 7

Example 8

Example 9

Example 10
}}
|}

== Testing new name of classes ==

'''Next <code>div.hiddenFanExpansions</code> has to be hidden by default, it is for Fan Expansions stuff in Expansion Selector:'''
<div>Here it is: <span class="hiddenFanExpansions">Hidden <i>informations about fan expansions</i>.</span></div>

'''Next <code>div.showedFanExpansions div.hiddenFanExpansions</code> has to be visible after CSS class set to require of show Fan Expansions in Expansion Selector:'''
<div>Here it is: <span class="showedFanExpansions><span class="hiddenFanExpansions>Showed previous <i>informations about fan expansions</i>.</span></span></div>

'''If you see both or neither, the CSS is not set correctly or there may be a CSS conflict.'''

</noinclude>