Liferay UI Panel - collapsed attribute by default

Legacy Knowledge Base

Published Jun. 30, 2025

Liferay UI Panel - collapsed attribute by default

Written By

Debora Vita

Legacy Article

You are viewing an article from our legacy "FastTrack" publication program, made available for informational purposes. Articles in this program were published without a requirement for independent editing or verification and are provided"as is" without guarantee.

Before using any information from this article, independently verify its suitability for your situation and project.

Issue

After trying to use Liferay UI panels in a default collapsed state, the attribute does not seem to be working.
If I put the following example code in a widget template the panel will appear as extended by default.

According to the tld if defaultState and state are not "open" then the panel should be collapsed by default, but that is not the case:

<@liferay_ui.panel
        collapsible=true
        id="testPanel"
        title="test"
        persistState=false
        defaultState="closed"
        state="closed"
    >
    test        
</@>

Environment

DXP 7.4

Resolution

In order to have the collapsed panel as default, add the attribute extended=false into the code block, as below:

<@liferay_ui.panel
        collapsible=true
        id="testPanel"
        title="test"
        persistState=false
        defaultState="closed"
        state="closed"
        extended=false
    >
    test        
</@>