Commandimagelinks horizontally in same poition as tabs of af:paneltabbed.

Question

Hi,
I have to develop an application where i need to show command image links, in the same horizontal line as panel tabs, of a paneltabbedlayout.
To achieve this i have panelgrouplayout vertical as parent with a panelgrouplayout horizontal with command image links and panelTabbedLayout as its childern. To adjust the command image links in the same horizontal line i have put position:absolute;top:0px; right:0px, in the parent container for command image links.
Issue i face is the moment i set position:absolute the commandImagelinks become nonclickable.
Not sure what's the cause of this behavior.
What could be the best way to align the commandimagelinks with paneltabbedlayout?
Could i use any other layout component that mimics similar behavior, as panel tabbed layout?
PanelGroupLayout -vertical
PanelGrouplayoutHorizonal (this contains command image links)
PanelStrechlayout(this contains the panelTabbed layout.)

Answer 1

Not sure you can use actual tabs in this case - you might need to switch to navigationPane
Read - http://jdevadf.oracle.com/adf-richclient-demo/faces/confusedComponents/tabs.jspx
And try these:
                     <af:panelGroupLayout id="pgl1" layout="horizontal">
                        <af:navigationPane id="np1" hint="tabs">
                            <af:commandNavigationItem text="tab1" id="cni1"/>
                            <af:commandNavigationItem text="tab2" id="cni2"/>
                        </af:navigationPane>
                        <af:commandButton text="commandButton 2" id="cb2"/>
                        <af:commandButton text="commandButton 1" id="cb1"/>
                    </af:panelGroupLayout>or
            <af:panelStretchLayout id="psl1" endWidth="250px">
                <f:facet name="bottom"/>
                <f:facet name="center">
                    <af:navigationPane id="np1" hint="tabs">
                        <af:commandNavigationItem text="tab1" id="cni1"/>
                        <af:commandNavigationItem text="tab2" id="cni2"/>
                    </af:navigationPane>
                </f:facet>
                <f:facet name="start"/>
                <f:facet name="end">
                    <af:panelGroupLayout id="pgl1" layout="horizontal">
                        <af:commandButton text="commandButton 2" id="cb2"/>
                        <af:commandButton text="commandButton 1" id="cb1"/>
                    </af:panelGroupLayout>
                </f:facet>
                <f:facet name="top"/>
            </af:panelStretchLayout>