ciancu
11/30/2014 - 5:39 PM

Panel drawer have some issues when right aligned. When user press on the detail item to expand it, the panel starts to slide from left. The

Panel drawer have some issues when right aligned. When user press on the detail item to expand it, the panel starts to slide from left. The bellow example tries to solve this issue by placing the panel drawer in a grid container.

PanelDrawer Right alligned.jsp
content_copyfile_download
<panelGridLayout id="pt_pgl1" dimensionsFrom="parent" styleClass="AFStretchWidth">
    <gridRow marginTop="0px" height="auto" marginBottom="0px" id="pt_gr1">
        <gridCell halign="stretch" width="100%" id="pt_gc13"></gridCell>
        <gridCell halign="stretch" width="210px" id="pt_gc3">
            <panelGroupLayout layout="vertical" styleClass="narrow">
                <panelDrawer id="pt_pd1" height="500px" clientComponent="true">
                    <showDetailItem id="dr1" icon="/resources/images/navigation-24.png">
                        <outputText value="Hellow world" id="ot311"/>
                    </showDetailItem>
                </panelDrawer>
            </panelGroupLayout>
        </gridCell>
    </gridRow>
</panelGridLayout>