create pop up for interface

I have one interface where a form is there and there is a submit button and when I am clicking the submit button I need to create an pop up containing 2 buttons and there will be a text that do you want to make another form then if the user click the yes button then the same  form should be opened which was opened first .

how to configure this ? I can configure the text related things but need an guidance on the backend functional and I know appian does not provide an option to create a pop up rather than create a record action , but iI dont want to configure this using record action which is my requirement !

  Discussion posts and replies are publicly visible

Parents
  • 0
    Certified Lead Developer

    A work around to your usecase

    a!localVariables(
      local!showPopup: false,
      {
        a!sectionLayout(
          showWhen: not(local!showPopup),
          contents: {
            a!textField(
              label: "Text",
            ),
            a!paragraphField(
              label: "Paragraph",
            ),
            a!buttonArrayLayout(
              buttons: {
                a!buttonWidget(
                  label: "Show Popup!",
                  icon: "arrow-right",
                  value: true,
                  saveInto: local!showPopup,
                  style: "PRIMARY"
                )
              },
              align: "CENTER"
            )
          },
        ),
        a!columnsLayout(
          showWhen: local!showPopup,
          columns: {
            a!columnLayout(),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  marginAbove: "EVEN_MORE",
                  showBorder: false,
                  showShadow: true,
                  contents: {
                    a!sectionLayout(
                      contents: {
                        a!richTextDisplayField(
                          labelPosition: "COLLAPSED",
                          value: {
                            a!richTextItem(
                              text: {
                                "This is a fake popup window!"
                              },
                              size: "MEDIUM_PLUS"
                            ),
                            char(10),
                            char(10),
                            "And shows some text to the user."
                          }
                        )
                      },
                      divider: "BELOW"
                    ),
                    a!buttonLayout(
                      primaryButtons: {
                        a!buttonWidget(
                          label: "OK",
                          icon: "check",
                          style: "PRIMARY",
                          value: false,
                          saveInto: local!showPopup
                        )
                      },
                      secondaryButtons: {
                        a!buttonWidget(
                          label: "Cancel",
                          icon: "times",
                          style: "NORMAL",
                          value: false,
                          saveInto: local!showPopup
                        )
                      }
                    )
                  },
                )
              }
            ),
            a!columnLayout()
          },
        )
      }
    )
    

Reply
  • 0
    Certified Lead Developer

    A work around to your usecase

    a!localVariables(
      local!showPopup: false,
      {
        a!sectionLayout(
          showWhen: not(local!showPopup),
          contents: {
            a!textField(
              label: "Text",
            ),
            a!paragraphField(
              label: "Paragraph",
            ),
            a!buttonArrayLayout(
              buttons: {
                a!buttonWidget(
                  label: "Show Popup!",
                  icon: "arrow-right",
                  value: true,
                  saveInto: local!showPopup,
                  style: "PRIMARY"
                )
              },
              align: "CENTER"
            )
          },
        ),
        a!columnsLayout(
          showWhen: local!showPopup,
          columns: {
            a!columnLayout(),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  marginAbove: "EVEN_MORE",
                  showBorder: false,
                  showShadow: true,
                  contents: {
                    a!sectionLayout(
                      contents: {
                        a!richTextDisplayField(
                          labelPosition: "COLLAPSED",
                          value: {
                            a!richTextItem(
                              text: {
                                "This is a fake popup window!"
                              },
                              size: "MEDIUM_PLUS"
                            ),
                            char(10),
                            char(10),
                            "And shows some text to the user."
                          }
                        )
                      },
                      divider: "BELOW"
                    ),
                    a!buttonLayout(
                      primaryButtons: {
                        a!buttonWidget(
                          label: "OK",
                          icon: "check",
                          style: "PRIMARY",
                          value: false,
                          saveInto: local!showPopup
                        )
                      },
                      secondaryButtons: {
                        a!buttonWidget(
                          label: "Cancel",
                          icon: "times",
                          style: "NORMAL",
                          value: false,
                          saveInto: local!showPopup
                        )
                      }
                    )
                  },
                )
              }
            ),
            a!columnLayout()
          },
        )
      }
    )
    

Children
No Data