scrollableDataTable hides modal panel

[shaijuck]

Hi,
I am using scrollable data table to get the row selection feature(Please let me know if anybody have a different suggestion for this). However the issue now is, I have a button in the same page and on clicking that, i have to show a modal panel(a confirmation dialog box). But the modal panel always goes behind the scrollable data table.I mean the data table hides the modal panel.
This is is happening only with rich: scrollableDataTable .rich:data table works fine(of course not with the row selection) .
Ohh yes, this is happening only with Mozilla Firefox. in IE8 and chrome its working fine. anybody have any suggestion?

Thanks in advance?

Shaiju

[nbelaevski]

Hi Shaiju,

Please post code for rich:modalPanel.

[shaijuck]

The scrollable data table

<rich:scrollableDataTable id="accntGrpList" var="accountGroup"
 value="#{accntGrpBean.accountGroupList}"
 rows="10" height="300px" width="700px"
 rowClasses="odd-row,even-row" selection="#{accntGrpBean.selection}"
 rowKeyVar="rkv" binding="#{accntGrpBean.table}"
 headerClass="info" styleClass="dataTable"
 >

Menu item which opens the dialog box

<rich:menuItem value="Delete" icon="/images/delete.png" disabled="#{accntGrpBean.disableDeleteIconStatus}" submitMode="none" onclick="confirmDialogdel.show();"/>

The dialog box(I am using a primefaces dialog box

<p:dialog widgetVar="confirmDialogdel" modal="true" width="250px" height="100px" fixedCenter="true" header="Confirmation">
 <h:outputText value="#{finmsgaccountGroup_confirm_delete}" />
 <br/>
 <h:commandButton value="#{finmsg.button_yes}" action="#{accntGrpBean.deleteAccountGroup}"/>
 <h:commandButton value="#{finmsg.button_no}" onclick="confirmDialogdel.close();" />
 </p:dialog>

Could you please help?
Shaiju

[nbelaevski]

Shaiju,

Where is dialog box located on the page, inside column?
Also moving it out of rich:scrollableDataTable can be tried.

[shaijuck]

Hi,
The dialog box is completely out side the scrollableDataTable.

Shaiju

[ilya_shaikovsky]

why you not using rich:modalPanel?

try to play with z-index of dialog box.

[shaijuck]

there is another technical issue involved in using rich:modelPanel .
what is z-index ,btw?

Shaiju

[nbelaevski]

z-index is CSS property: http://www.w3schools.com/Css/pr_pos_z-index.asp

[shaijuck]

z-index is not available with primefaces , and the issue is I have constraints on switching to rich:model :(

Any workaround may help

Shaiju

[ilya_shaikovsky]

I think you should ask PrimeFaces guys for that case if can't use modal panel.