com.alee.skin.web.resources.collapsiblepane.xml Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of weblaf-ui Show documentation
WebLaF UI components
There is a newer version: 1.2.14
<skin xmlns="http://weblookandfeel.com/XmlSkin">

    <!-- com.alee.extended.collapsible.WebCollapsiblePane -->

    <!-- Collapsible pane -->
    <style type="collapsiblepane">
        <component>
            <layout class="CollapsiblePaneLayout$UIResource">
                <fitHeader>true</fitHeader>
                <easing class="Cubic$InOut" />
                <duration>0.25s</duration>
            </layout>
        </component>
        <painter>
            <decorations>
                <decoration>
                    <WebShape round="2" />
                    <WebShadow type="outer" width="2" />
                    <LineBorder color="170,170,170" />
                    <ColorBackground color="237,237,237" />
                </decoration>
                <decoration states="focused">
                    <LineBorder color="85,130,190" />
                </decoration>
            </decorations>
        </painter>

        <!-- Header panel -->
        <!-- todo Add extra 1xp top/... padding for all cases -->
        <style type="panel" id="header" extends="decorated">
            <painter>
                <decorations>
                    <decoration>
                        <WebShape round="0" />
                        <WebShadow type="outer" width="0" />
                        <LineBorder color="170,170,170" />
                        <GradientBackground>
                            <color>white</color>
                            <color>223,223,223</color>
                        </GradientBackground>
                    </decoration>
                    <decoration states="left">
                        <GradientBackground from="0,0" to="1,0" />
                    </decoration>
                    <decoration states="right">
                        <GradientBackground from="0,0" to="1,0" />
                    </decoration>
                    <decoration states="top,expanded">
                        <WebShape sides="0,0,1,0" />
                    </decoration>
                    <decoration states="left,expanded">
                        <WebShape sides="0,0,0,1" />
                    </decoration>
                    <decoration states="right,expanded">
                        <WebShape sides="0,1,0,0" />
                    </decoration>
                    <decoration states="bottom,expanded">
                        <WebShape sides="1,0,0,0" />
                    </decoration>
                    <decoration states="collapsed">
                        <WebShape sides="0,0,0,0" />
                    </decoration>
                    <decoration states="in-focused-parent">
                        <LineBorder color="85,130,190" />
                    </decoration>
                </decorations>
            </painter>

            <!-- Defailt title label -->
            <style type="styledlabel" id="title" extends="shadow">
                <component>
                    <horizontalAlignment>10</horizontalAlignment>
                </component>
                <painter>
                    <decorations>
                        <decoration>
                            <LabelLayout padding="2,4,2,4" />
                        </decoration>
                        <decoration states="has-icon">
                            <LabelLayout padding="2,2,2,4" />
                        </decoration>
                        <decoration states="left">
                            <LabelLayout rotation="counterClockwise" />
                        </decoration>
                        <decoration states="right">
                            <LabelLayout rotation="clockwise" />
                        </decoration>
                    </decorations>
                </painter>
            </style>

            <!-- Expand button -->
            <style type="button" id="control" extends="undecorated" padding="5">
                <component>
                    <focusable>false</focusable>
                </component>
                <painter>
                    <decorations>
                        <decoration states="expanded">
                            <ButtonLayout>
                                <SetIcon constraints="icon" icon="up-small" />
                            </ButtonLayout>
                        </decoration>
                        <decoration states="collapsed">
                            <ButtonLayout>
                                <SetIcon constraints="icon" icon="down-small" />
                            </ButtonLayout>
                        </decoration>
                        <decoration states="left">
                            <ButtonLayout rotation="counterClockwise" />
                        </decoration>
                        <decoration states="right">
                            <ButtonLayout rotation="clockwise" />
                        </decoration>
                    </decorations>
                </painter>
            </style>

        </style>

    </style>

    <!-- Undecorated collapsible pane -->
    <style type="collapsiblepane" id="undecorated">
        <painter>
            <decorations>
                <decoration visible="false" />
            </decorations>
        </painter>
    </style>

</skin>