Forum Stats

  • 3,852,332 Users
  • 2,264,093 Discussions
  • 7,905,031 Comments

Discussions

ADF popup show issue

Jack Issac
Jack Issac Member Posts: 78 Blue Ribbon
edited Dec 2, 2014 5:58PM in JDeveloper and ADF

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

Capture.PNG

How can I fix it ?

Thanks.

Best Answer

  • Jack Issac
    Jack Issac Member Posts: 78 Blue Ribbon
    Answer ✓

    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.

Answers

  • amishra
    amishra Member Posts: 121 Bronze Badge
    edited Nov 27, 2014 8:42PM

    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
    Jack Issac Member Posts: 78 Blue Ribbon

    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
    amishra Member Posts: 121 Bronze Badge

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

  • Jack Issac
    Jack Issac Member Posts: 78 Blue Ribbon

    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
    amishra Member Posts: 121 Bronze Badge

    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
    Jack Issac Member Posts: 78 Blue Ribbon

    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
    srikanthreddy marla Member Posts: 337 Blue Ribbon
    edited Nov 29, 2014 3:45AM

    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
    Jack Issac Member Posts: 78 Blue Ribbon

    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.

    Capture.PNG

  • Alejandro Tovar Lanz
    Alejandro Tovar Lanz Member Posts: 1,631 Bronze Trophy

    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
    Jack Issac Member Posts: 78 Blue Ribbon
    Answer ✓

    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.

This discussion has been closed.