-
1. Re: How to fix the navigation button layout to be always visible on a rich:popup panel
liuliu Dec 3, 2013 4:04 AM (in response to sandy4you)hi,
you can use css position:absolute in your popup panel.
-
2. Re: How to fix the navigation button layout to be always visible on a rich:popup panel
sandy4you Dec 6, 2013 1:20 AM (in response to liuliu)Hi Liumin,
I fixed the navigation panel by providing the position:absolute but the problem is that I'm fixing the height and width of the Popup Panel as shown below:
<rich:popupPanel
id="#{cc.attrs.workflowTypeId}"
rendered="#{workflowController.workflowTypeId == cc.attrs.workflowTypeId}"
show="true" moveable="true" resizeable="true"
left="#{workflowPopupLayout.left}"
top="#{workflowPopupLayout.top}"
width="#{workflowPopupLayout.width}"
height="#{workflowPopupLayout.height}"
modal="#{cc.attrs.modal}"
header="#{workflowController.workflowTitle}"
onshow="focusInput()">
This same code work perfectly fine for more than 10 workfows but in 2 workflows width and height get overridden by element.style as show below:
element.style {
height: 725px;left: 100px;
position: fixed;
top: 70px;
width: 600px;
z-index: 100;
}
Need help to fix.
By default I'm setting the height:400px and width:645px.
Thanks & Regards,
Sandy
-
3. Re: Re: How to fix the navigation button layout to be always visible on a rich:popup panel
liuliu Dec 6, 2013 3:16 AM (in response to sandy4you)hi,
I think you missed something, When i said set some div on position absolute, i mean in the popup panel, not on the popup panel. something like this
<rich:popupPanel> <div style="position:relative;height:100%;"> <div style="position:absolute;"> </div> <div style="position:absolute;"> </div> </div> </rich:popupPanel>
-
4. Re: How to fix the navigation button layout to be always visible on a rich:popup panel
sandy4you Jun 19, 2015 1:10 AM (in response to sandy4you)<h:panelGroup
layout="block"
id="workflowNavigationPanel"
style="right: 20px; bottom: 15px; position: absolute;"
styleClass="paddingTopGrid"
rendered="#{cc.attrs.displayNavigationPanel}">
<!-- All the Button here -->
</h:panelGroup>
within the rich:popup panel and no matter how small or big the popup size is the navigation buttons are always displayed.