2 Replies Latest reply on Dec 16, 2009 12:30 AM by jsf geeks

    zindex problem of <rich:calendar> inside extendedDataTable

    jsf geeks Master

      Hi all,


      I have an extendedDataTable with 4-5 columns. one of those columns has a calendar as a component/input. The calendar inside the table is something like below,


      <rich:calendar binding="#{my_bean.cal_due_date}"
                                                                 id="cal_due_date" immediate="false"
                                                                 value="#{row.dt}" cellHeight="7" cellWidth="20"
                                                                 boundaryDatesMode="scroll" showWeeksBar="false"
                                                                 showHeader="false" inputSize="12" style="z-index: 2000"
                                                                 datePattern="dd/MM/yyyy" enableManualInput="true"
                                                                 showFooter="false" popup="true">
                                                      <a4j:support id="sprt_onchngd_due_dt" event="onchanged"


      The problem is, when I click on calendar icon (to select the date), it opens inside the table (behind the header of table). I tried both, zindex and style="z-index". Nothing is changed. I am developing this application in RichFaces 3.3.2 SR1 in Netbeans 6.7.1.


      Same thing in toolTip. I have a panelGrid. Inside that I am adding components dynamically, and adding toolTip to that dynamically generated components. But at the top of the panel the toolTip is showing behing the panel. I have set zorder in that, but didn't get success.


      Any help will be appreciated.


      Thanks in advance,