ADF popup show issue

Jack Issac

Hi everyone,

I'm using JDev 11.1.1.7

I have problem about popup. I have a region on my jspx page and I added a popup. Also I added a show popup behavior component to a command button.

When I pressed button to show popup, it's opening; but aligning behind of region. I can't seeing full view.

For example, I loaded a image, you can see, how is it

How can I fix it ?

Thanks.

Jack Issac

Thanks for everything; I solved problem and it was different problem. It's not about popup.

It was about <af:form> tag

I realized, there was 2 <af:form> tag in my jspx page; so this problem is happening. Now, it's working fine.

amishra

Make sure that your align/ align id values for popup behavior have right values, if they are set. Also, are you using dialog or panel window inside your popup, as these components by default cause popup to ope in the middle of the browser window?

Jack Issac

Unfortunately, it didn't work. I tried all align values and no align values. Also default, popup can't show in front of region, same problem. is it can be about region?

amishra

It should not be the region issue. Could you share your jspx code, could be something with your page structure ?

Jack Issac

This is my jspx page code,

<?xml version='1.0' encoding='UTF-8'?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"

          xmlns:f="http://java.sun.com/jsf/core"

          xmlns:h="http://java.sun.com/jsf/html"

          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">

  <jsp:directive.page contentType="text/html;charset=UTF-8"/>

  <f:view>

    <af:document id="d1">

      <af:messages id="m1"/>

      <af:pageTemplate viewId="/indexTemp.jspx" id="pt1">

        <f:facet name="bottom">

          <af:group id="g1">

            <af:form id="f2">

              <af:panelGroupLayout id="pgl1" layout="scroll">

                <af:region value="#{bindings.personelTaskFlow1.regionModel}"

                           id="r1"/>

                <div class="bottomInfoDiv">

                  <img src="image/index/companyLogo.png" alt="CompanyLogo"/>

                  <p style="float:left;margin-right:10px;font-weight:bold;margin-top:20px;font-size:14px;">

                    - Company

                  </p>

                  <p style="float:right;margin-right:10px;font-weight:bold;margin-top:15px;font-size:14px;">

                    All Rights Reserved 2014

                  </p>

                </div>

              </af:panelGroupLayout>

            </af:form>

          </af:group>

        </f:facet>

      </af:pageTemplate>

    </af:document>

  </f:view>

</jsp:root>

amishra

Hi Jack,

I do not see any popup and the button that opens up popup in this page. Is it on another page ?

Jack Issac

I'm sorry, Popup was in my jsff page; so you couldn't find it. I shared my jsff page code. You can find it below.

Thanks

<af:panelGroupLayout id="pgl8" layout="vertical">

    <af:table value="#{bindings.personelMain1.collectionModel}" var="row"

              rows="#{bindings.personelMain1.rangeSize}"

              emptyText="#{bindings.personelMain1.viewable ? 'No data to display.' : 'Access Denied.'}"

              fetchSize="#{bindings.personelMain1.rangeSize}"

              rowBandingInterval="0"

              selectedRowKeys="#{bindings.personelMain1.collectionModel.selectedRow}"

              selectionListener="#{bindings.personelMain1.collectionModel.makeCurrent}"

              rowSelection="single" id="t1" styleClass="adfTable"

              partialTriggers="::cb4 ::cb5 ::cb2 ::cb1 ::cb3 ::cb7 ::cb9 ::cb10 ::cb8 ::cb12 ::cb13 ::cb14 ::cb15 ::cb6">

      <af:column sortProperty="#{bindings.personelMain1.hints.EmployeeId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.EmployeeId.label}"

                 id="c3">

        <af:outputText value="#{row.EmployeeId}" id="ot21">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.EmployeeId.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.FirstName.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.FirstName.label}"

                 id="c12">

        <af:outputText value="#{row.FirstName}" id="ot2"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.LastName.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.LastName.label}"

                 id="c1">

        <af:outputText value="#{row.LastName}" id="ot14"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.Email.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.Email.label}"

                 id="c16">

        <af:outputText value="#{row.Email}" id="ot3"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.PhoneNumber.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.PhoneNumber.label}"

                 id="c7">

        <af:outputText value="#{row.PhoneNumber}" id="ot22"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.HireDate.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.HireDate.label}"

                 id="c18">

        <af:outputText value="#{row.HireDate}" id="ot16">

          <af:convertDateTime pattern="#{bindings.personelMain1.hints.HireDate.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.JobId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.JobId.label}"

                 id="c13">

        <af:outputText value="#{row.JobId}" id="ot20"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.JobTitle.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.JobTitle.label}"

                 id="c19">

        <af:outputText value="#{row.JobTitle}" id="ot8"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.MinSalary.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.MinSalary.label}"

                 id="c17">

        <af:outputText value="#{row.MinSalary}" id="ot13">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.MinSalary.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.Salary.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.Salary.label}"

                 id="c15">

        <af:outputText value="#{row.Salary}" id="ot5">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.Salary.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.MaxSalary.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.MaxSalary.label}"

                 id="c22">

        <af:outputText value="#{row.MaxSalary}" id="ot17">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.MaxSalary.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.CommissionPct.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.CommissionPct.label}"

                 id="c21">

        <af:outputText value="#{row.CommissionPct}" id="ot9">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.CommissionPct.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.DepartmentId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.DepartmentId.label}"

                 id="c4">

        <af:outputText value="#{row.DepartmentId}" id="ot24">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.DepartmentId.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.DepartmentName.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.DepartmentName.label}"

                 id="c5">

        <af:outputText value="#{row.DepartmentName}" id="ot1"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.LocationId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.LocationId.label}"

                 id="c24">

        <af:outputText value="#{row.LocationId}" id="ot12">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.LocationId.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.ManagerId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.ManagerId.label}"

                 id="c10">

        <af:outputText value="#{row.ManagerId}" id="ot4">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.ManagerId.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.StreetAddress.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.StreetAddress.label}"

                 id="c20">

        <af:outputText value="#{row.StreetAddress}" id="ot23"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.PostalCode.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.PostalCode.label}"

                 id="c23">

        <af:outputText value="#{row.PostalCode}" id="ot18"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.City.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.City.label}"

                 id="c2">

        <af:outputText value="#{row.City}" id="ot6"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.StateProvince.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.StateProvince.label}"

                 id="c8">

        <af:outputText value="#{row.StateProvince}" id="ot15"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.CountryId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.CountryId.label}"

                 id="c11">

        <af:outputText value="#{row.CountryId}" id="ot19"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.CountryName.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.CountryName.label}"

                 id="c9">

        <af:outputText value="#{row.CountryName}" id="ot11"/>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.RegionId.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.RegionId.label}"

                 id="c14">

        <af:outputText value="#{row.RegionId}" id="ot7">

          <af:convertNumber groupingUsed="false"

                            pattern="#{bindings.personelMain1.hints.RegionId.format}"/>

        </af:outputText>

      </af:column>

      <af:column sortProperty="#{bindings.personelMain1.hints.RegionName.name}"

                 sortable="true"

                 headerText="#{bindings.personelMain1.hints.RegionName.label}"

                 id="c6">

        <af:outputText value="#{row.RegionName}" id="ot10"/>

      </af:column>

    </af:table>

    <af:panelGroupLayout id="pgl6" layout="horizontal"

                         styleClass="PGLDetaiilFormLabel">

      <af:image source="/image/personel/personelIngo.png"

                shortDesc="personelInfoLogo" id="i1"/>

      <af:outputLabel value="Personel Detail Information" id="ol1"

                      inlineStyle="color:Black; font-size:small; font-weight:bold;"/>

    </af:panelGroupLayout>

    <af:panelGroupLayout id="pgl1" layout="horizontal">

      <af:panelGroupLayout id="pglForm1" styleClass="PGLFormPart">

        <af:panelFormLayout id="pfl1">

          <af:inputText value="#{bindings.EmployeeId.inputValue}"

                        label="Employee ID"

                        required="#{bindings.EmployeeId.hints.mandatory}"

                        columns="#{bindings.EmployeeId.hints.displayWidth}"

                        maximumLength="#{bindings.EmployeeId.hints.precision}"

                        shortDesc="#{bindings.EmployeeId.hints.tooltip}"

                        id="it3">

            <f:validator binding="#{bindings.EmployeeId.validator}"/>

            <af:convertNumber groupingUsed="false"

                              pattern="#{bindings.EmployeeId.format}"/>

          </af:inputText>

          <af:inputText value="#{bindings.FirstName.inputValue}"

                        label="First Name"

                        required="#{bindings.FirstName.hints.mandatory}"

                        columns="#{bindings.FirstName.hints.displayWidth}"

                        maximumLength="#{bindings.FirstName.hints.precision}"

                        shortDesc="#{bindings.FirstName.hints.tooltip}"

                        id="it2">

            <f:validator binding="#{bindings.FirstName.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.LastName.inputValue}"

                        label="Last Name"

                        required="#{bindings.LastName.hints.mandatory}"

                        columns="#{bindings.LastName.hints.displayWidth}"

                        maximumLength="#{bindings.LastName.hints.precision}"

                        shortDesc="#{bindings.LastName.hints.tooltip}" id="it7">

            <f:validator binding="#{bindings.LastName.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.Email.inputValue}" label="E - Mail"

                        required="#{bindings.Email.hints.mandatory}"

                        columns="#{bindings.Email.hints.displayWidth}"

                        maximumLength="#{bindings.Email.hints.precision}"

                        shortDesc="#{bindings.Email.hints.tooltip}" id="it8">

            <f:validator binding="#{bindings.Email.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.PhoneNumber.inputValue}"

                        label="Phone Number"

                        required="#{bindings.PhoneNumber.hints.mandatory}"

                        columns="#{bindings.PhoneNumber.hints.displayWidth}"

                        maximumLength="#{bindings.PhoneNumber.hints.precision}"

                        shortDesc="#{bindings.PhoneNumber.hints.tooltip}"

                        id="it1">

            <f:validator binding="#{bindings.PhoneNumber.validator}"/>

          </af:inputText>

          <af:inputDate value="#{bindings.HireDate.inputValue}"

                        label="Hire Date"

                        required="#{bindings.HireDate.hints.mandatory}"

                        shortDesc="#{bindings.HireDate.hints.tooltip}" id="id1">

            <f:validator binding="#{bindings.HireDate.validator}"/>

            <af:convertDateTime pattern="#{bindings.HireDate.format}"/>

          </af:inputDate>

          <af:selectOneChoice value="#{bindings.JobId.inputValue}"

                              label="Job Title"

                              required="#{bindings.JobId.hints.mandatory}"

                              shortDesc="#{bindings.JobId.hints.tooltip}"

                              id="soc2">

            <f:selectItems value="#{bindings.JobId.items}" id="si1"/>

          </af:selectOneChoice>

          <af:inputText value="#{bindings.Salary.inputValue}"

                        label="#{bindings.Salary.hints.label}"

                        required="#{bindings.Salary.hints.mandatory}"

                        columns="#{bindings.Salary.hints.displayWidth}"

                        maximumLength="#{bindings.Salary.hints.precision}"

                        shortDesc="#{bindings.Salary.hints.tooltip}" id="it6">

            <f:validator binding="#{bindings.Salary.validator}"/>

            <af:convertNumber groupingUsed="false"

                              pattern="#{bindings.Salary.format}"/>

          </af:inputText>

          <af:inputText value="#{bindings.CommissionPct.inputValue}"

                        label="Commission Pct"

                        required="#{bindings.CommissionPct.hints.mandatory}"

                        columns="#{bindings.CommissionPct.hints.displayWidth}"

                        maximumLength="#{bindings.CommissionPct.hints.precision}"

                        shortDesc="#{bindings.CommissionPct.hints.tooltip}"

                        id="it9" autoSubmit="true">

            <f:validator binding="#{bindings.CommissionPct.validator}"/>

            <af:convertNumber groupingUsed="false"

                              pattern="#{bindings.CommissionPct.format}"/>

          </af:inputText>

          <af:selectOneChoice value="#{bindings.DepartmentId.inputValue}"

                              label="Department Name"

                              required="#{bindings.DepartmentId.hints.mandatory}"

                              shortDesc="#{bindings.DepartmentId.hints.tooltip}"

                              id="soc1">

            <f:selectItems value="#{bindings.DepartmentId.items}" id="si2"/>

          </af:selectOneChoice>

        </af:panelFormLayout>

      </af:panelGroupLayout>

      <af:panelGroupLayout id="pglForm2" styleClass="PGLFormPartOther">

        <af:popup id="p1">

          <af:panelWindow id="pw1">

            <af:panelFormLayout id="pfl3">

              <af:inputText value="#{bindings.EmployeeId.inputValue}"

                            label="#{bindings.EmployeeId.hints.label}"

                            required="#{bindings.EmployeeId.hints.mandatory}"

                            columns="#{bindings.EmployeeId.hints.displayWidth}"

                            maximumLength="#{bindings.EmployeeId.hints.precision}"

                            shortDesc="#{bindings.EmployeeId.hints.tooltip}"

                            id="it13">

                <f:validator binding="#{bindings.EmployeeId.validator}"/>

                <af:convertNumber groupingUsed="false"

                                  pattern="#{bindings.EmployeeId.format}"/>

              </af:inputText>

              <af:inputText value="#{bindings.FirstName.inputValue}"

                            label="#{bindings.FirstName.hints.label}"

                            required="#{bindings.FirstName.hints.mandatory}"

                            columns="#{bindings.FirstName.hints.displayWidth}"

                            maximumLength="#{bindings.FirstName.hints.precision}"

                            shortDesc="#{bindings.FirstName.hints.tooltip}"

                            id="it10">

                <f:validator binding="#{bindings.FirstName.validator}"/>

              </af:inputText>

              <af:inputText value="#{bindings.LastName.inputValue}"

                            label="#{bindings.LastName.hints.label}"

                            required="#{bindings.LastName.hints.mandatory}"

                            columns="#{bindings.LastName.hints.displayWidth}"

                            maximumLength="#{bindings.LastName.hints.precision}"

                            shortDesc="#{bindings.LastName.hints.tooltip}"

                            id="it15">

                <f:validator binding="#{bindings.LastName.validator}"/>

              </af:inputText>

              <af:inputText value="#{bindings.Email.inputValue}"

                            label="#{bindings.Email.hints.label}"

                            required="#{bindings.Email.hints.mandatory}"

                            columns="#{bindings.Email.hints.displayWidth}"

                            maximumLength="#{bindings.Email.hints.precision}"

                            shortDesc="#{bindings.Email.hints.tooltip}"

                            id="it16">

                <f:validator binding="#{bindings.Email.validator}"/>

              </af:inputText>

              <af:inputText value="#{bindings.PhoneNumber.inputValue}"

                            label="#{bindings.PhoneNumber.hints.label}"

                            required="#{bindings.PhoneNumber.hints.mandatory}"

                            columns="#{bindings.PhoneNumber.hints.displayWidth}"

                            maximumLength="#{bindings.PhoneNumber.hints.precision}"

                            shortDesc="#{bindings.PhoneNumber.hints.tooltip}"

                            id="it14">

                <f:validator binding="#{bindings.PhoneNumber.validator}"/>

              </af:inputText>

              <af:inputDate value="#{bindings.HireDate.inputValue}"

                            label="#{bindings.HireDate.hints.label}"

                            required="#{bindings.HireDate.hints.mandatory}"

                            shortDesc="#{bindings.HireDate.hints.tooltip}"

                            id="id2">

                <f:validator binding="#{bindings.HireDate.validator}"/>

                <af:convertDateTime pattern="#{bindings.HireDate.format}"/>

              </af:inputDate>

              <af:selectOneChoice value="#{bindings.JobId.inputValue}"

                                  label="#{bindings.JobId.label}"

                                  required="#{bindings.JobId.hints.mandatory}"

                                  shortDesc="#{bindings.JobId.hints.tooltip}"

                                  id="soc3">

                <f:selectItems value="#{bindings.JobId.items}" id="si3"/>

              </af:selectOneChoice>

              <af:inputText value="#{bindings.Salary.inputValue}"

                            label="#{bindings.Salary.hints.label}"

                            required="#{bindings.Salary.hints.mandatory}"

                            columns="#{bindings.Salary.hints.displayWidth}"

                            maximumLength="#{bindings.Salary.hints.precision}"

                            shortDesc="#{bindings.Salary.hints.tooltip}"

                            id="it12">

                <f:validator binding="#{bindings.Salary.validator}"/>

                <af:convertNumber groupingUsed="false"

                                  pattern="#{bindings.Salary.format}"/>

              </af:inputText>

              <f:facet name="footer">

                <af:panelGroupLayout layout="horizontal" id="pgl5">

                  <af:commandButton actionListener="#{bindings.First.execute}"

                                    text="First"

                                    disabled="#{!bindings.First.enabled}"

                                    partialSubmit="true" id="cb9"/>

                  <af:commandButton actionListener="#{bindings.Previous.execute}"

                                    text="Previous"

                                    disabled="#{!bindings.Previous.enabled}"

                                    partialSubmit="true" id="cb8"/>

                  <af:commandButton actionListener="#{bindings.Next.execute}"

                                    text="Next"

                                    disabled="#{!bindings.Next.enabled}"

                                    partialSubmit="true" id="cb6"/>

                  <af:commandButton actionListener="#{bindings.Last.execute}"

                                    text="Last"

                                    disabled="#{!bindings.Last.enabled}"

                                    partialSubmit="true" id="cb7"/>

                </af:panelGroupLayout>

              </f:facet>

            </af:panelFormLayout>

          </af:panelWindow>

        </af:popup>

        <af:panelFormLayout id="pfl2">

          <f:facet name="footer">

            <af:panelGroupLayout layout="vertical" id="pgl3"

                                 styleClass="PGLFormButtons">

              <af:panelGroupLayout layout="horizontal" id="pgl2">

                <af:commandButton actionListener="#{bindings.First.execute}"

                                  text="First"

                                  disabled="#{!bindings.First.enabled}"

                                  partialSubmit="true" id="cb5"

                                  icon="/image/personel/first.png"

                                  inlineStyle="vertical-align:text-top;"/>

                <af:commandButton actionListener="#{bindings.Previous.execute}"

                                  text="Previous"

                                  disabled="#{!bindings.Previous.enabled}"

                                  partialSubmit="true" id="cb2"

                                  icon="/image/personel/left.png"

                                  inlineStyle="vertical-align:text-top;"/>

                <af:commandButton actionListener="#{bindings.Next.execute}"

                                  text="Next"

                                  disabled="#{!bindings.Next.enabled}"

                                  partialSubmit="true" id="cb1"

                                  icon="/image/personel/right.png"

                                  inlineStyle="vertical-align:text-top;"/>

                <af:commandButton actionListener="#{bindings.Last.execute}"

                                  text="Last"

                                  disabled="#{!bindings.Last.enabled}"

                                  partialSubmit="true" id="cb4"

                                  icon="/image/personel/last.png"

                                  inlineStyle="vertical-align:text-top;"/>

              </af:panelGroupLayout>

              <af:panelGroupLayout id="pgl4" layout="horizontal">

                <af:commandButton text="Submit" id="cb3"

                                  icon="/image/personel/save.png"

                                  inlineStyle="vertical-align:text-top;"/>

                <af:commandButton text="Search" id="cb11"

                                  icon="/image/personel/search.png">

                  <af:showPopupBehavior popupId="p1" triggerType="action"

                                        align="endBefore" alignId="cb11"/>

                </af:commandButton>

              </af:panelGroupLayout>

            </af:panelGroupLayout>

          </f:facet>

          <af:inputText value="#{bindings.RegionName.inputValue}"

                        label="#{bindings.RegionName.hints.label}"

                        required="#{bindings.RegionName.hints.mandatory}"

                        columns="#{bindings.RegionName.hints.displayWidth}"

                        maximumLength="#{bindings.RegionName.hints.precision}"

                        shortDesc="#{bindings.RegionName.hints.tooltip}"

                        id="it27">

            <f:validator binding="#{bindings.RegionName.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.CountryName.inputValue}"

                        label="#{bindings.CountryName.hints.label}"

                        required="#{bindings.CountryName.hints.mandatory}"

                        columns="#{bindings.CountryName.hints.displayWidth}"

                        maximumLength="#{bindings.CountryName.hints.precision}"

                        shortDesc="#{bindings.CountryName.hints.tooltip}"

                        id="it20">

            <f:validator binding="#{bindings.CountryName.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.StateProvince.inputValue}"

                        label="#{bindings.StateProvince.hints.label}"

                        required="#{bindings.StateProvince.hints.mandatory}"

                        columns="#{bindings.StateProvince.hints.displayWidth}"

                        maximumLength="#{bindings.StateProvince.hints.precision}"

                        shortDesc="#{bindings.StateProvince.hints.tooltip}"

                        id="it22">

            <f:validator binding="#{bindings.StateProvince.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.City.inputValue}"

                        label="#{bindings.City.hints.label}"

                        required="#{bindings.City.hints.mandatory}"

                        columns="#{bindings.City.hints.displayWidth}"

                        maximumLength="#{bindings.City.hints.precision}"

                        shortDesc="#{bindings.City.hints.tooltip}" id="it17">

            <f:validator binding="#{bindings.City.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.PostalCode.inputValue}"

                        label="#{bindings.PostalCode.hints.label}"

                        required="#{bindings.PostalCode.hints.mandatory}"

                        columns="#{bindings.PostalCode.hints.displayWidth}"

                        maximumLength="#{bindings.PostalCode.hints.precision}"

                        shortDesc="#{bindings.PostalCode.hints.tooltip}"

                        id="it26">

            <f:validator binding="#{bindings.PostalCode.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.StreetAddress.inputValue}"

                        label="#{bindings.StreetAddress.hints.label}"

                        required="#{bindings.StreetAddress.hints.mandatory}"

                        columns="#{bindings.StreetAddress.hints.displayWidth}"

                        maximumLength="#{bindings.StreetAddress.hints.precision}"

                        shortDesc="#{bindings.StreetAddress.hints.tooltip}"

                        id="it5">

            <f:validator binding="#{bindings.StreetAddress.validator}"/>

          </af:inputText>

          <af:inputText value="#{bindings.MaxSalary.inputValue}"

                        label="#{bindings.MaxSalary.hints.label}"

                        required="#{bindings.MaxSalary.hints.mandatory}"

                        columns="#{bindings.MaxSalary.hints.displayWidth}"

                        maximumLength="#{bindings.MaxSalary.hints.precision}"

                        shortDesc="#{bindings.MaxSalary.hints.tooltip}"

                        id="it4">

            <f:validator binding="#{bindings.MaxSalary.validator}"/>

            <af:convertNumber groupingUsed="false"

                              pattern="#{bindings.MaxSalary.format}"/>

          </af:inputText>

          <af:inputText value="#{bindings.MinSalary.inputValue}"

                        label="#{bindings.MinSalary.hints.label}"

                        required="#{bindings.MinSalary.hints.mandatory}"

                        columns="#{bindings.MinSalary.hints.displayWidth}"

                        maximumLength="#{bindings.MinSalary.hints.precision}"

                        shortDesc="#{bindings.MinSalary.hints.tooltip}"

                        id="it11">

            <f:validator binding="#{bindings.MinSalary.validator}"/>

            <af:convertNumber groupingUsed="false"

                              pattern="#{bindings.MinSalary.format}"/>

          </af:inputText>

        </af:panelFormLayout>

      </af:panelGroupLayout>

      <af:panelGroupLayout id="pgl7" styleClass="PGLFormPart2">

        <dvt:gauge id="gauge1" gaugeType="DIAL" shortDesc="gaugeCommissiob"

                   maxValue="1.0" value="#{bindings.CommissionPct.inputValue}"

                   partialTriggers="it9">

          <dvt:gaugeBackground>

            <dvt:specialEffects/>

          </dvt:gaugeBackground>

          <dvt:thresholdSet>

            <dvt:threshold id="th1" fillColor="#00e700" thresholdMaxValue="0.3"

                           text="Valid Commission"/>

            <dvt:threshold id="th2" fillColor="#f7f700" thresholdMaxValue="0.5"

                           text="High Commission"/>

            <dvt:threshold id="th3" fillColor="#ff2121" thresholdMaxValue="1.0"

                           text="Invalid Commission"/>

          </dvt:thresholdSet>

          <dvt:gaugeFrame/>

          <dvt:indicator/>

          <dvt:indicatorBase/>

          <dvt:gaugePlotArea/>

          <dvt:tickLabel/>

          <dvt:tickMark/>

          <dvt:topLabel/>

          <dvt:bottomLabel/>

          <dvt:gaugeLegendArea position="LAP_BOTTOM"/>

          <dvt:metricLabel position="LP_WITH_BOTTOM_LABEL"/>

        </dvt:gauge>

      </af:panelGroupLayout>

    </af:panelGroupLayout>

  </af:panelGroupLayout>

srikanthreddy marla

Hi jack ,

can u Explain Question  clearly, if your opening one popup inside a another popup then

open first popup if first popup is success then open next popup...

Jack Issac

Hi,srikanthreddy marla

I have a region on my jspx page. There are a <af:table> and <af:form> in my jsff page(region)

Also I added a popup inside my jsff page. I created a command button and added a show popup behavior to my command button. When I run my jspx page, I am clicking my command button. Popup is showing; but like below this image

Do you know, how can I fix it ?

Thanks.

Alejandro Tovar Lanz

Have you tried putting Modal -> true for the Panel Window? In any case there something strange and that is not clearly a normal behaviour. The code you share for your jsff is that all what is in your code? Can you share the whole code? While you are in the source of your jsff do you see any red indicators highlighting possible errors?

Regards

Jack Issac

Thanks for everything; I solved problem and it was different problem. It's not about popup.

It was about <af:form> tag

I realized, there was 2 <af:form> tag in my jspx page; so this problem is happening. Now, it's working fine.