Document viewer Field Help

RE: Document viewer Field Help

ujjwalr0002 — Mon, 26 Sep 2022 16:05:23 GMT

Thanks Mike

RE: Document viewer Field Help

Mike Schmitt — Mon, 26 Sep 2022 14:21:51 GMT

That looks pretty similar - mind sharing exactly what the important change was?

Never mind, I did a np++ diff, i see it now. Good catch, I didn't notice originally that the 'Preview' button was not set for 'Submit'.

RE: Document viewer Field Help

ujjwalr0002 — Mon, 26 Sep 2022 11:30:38 GMT

Your welcome

RE: Document viewer Field Help

FrankT — Mon, 26 Sep 2022 11:30:10 GMT

Thank you it works.

RE: Document viewer Field Help

ujjwalr0002 — Sun, 25 Sep 2022 03:59:16 GMT

Hi Frank I have made some changes in your code please check I have mentioned the comments.

a!localVariables(
  local!document,
  /* there are more graceful ways to check for doc existance */
  local!documentExists: not(tostring(ri!document) = "[Document:]"),
  a!formLayout(
    label: "Document Upload / Preview",
    contents: {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!sideBySideLayout(
                    items: {
                      a!sideBySideItem(
                        item: a!fileUploadField(
                          value: local!document,
                          saveInto: local!document,
                          maxSelections: 1,
                          target: cons!AA_DOCUMENTS_FOLDER_POINTER/*set the target for the documents*/
                        )
                      ),
                      a!sideBySideItem(
                        item: a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Preview Document",
                              value: "PREVIEW",
                              submit: true(),/*mark submit as true*/
                              saveInto: {
                                ri!navigation,
                                a!save(ri!document, local!document)
                              }
                            )
                          }
                        )
                      )
                    }
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!documentViewerField(
                    showWhen: local!documentExists,
                    document: ri!document
                  ),
                  a!richTextDisplayField(
                    showWhen: not(local!documentExists),
                    value: {
                      a!richTextItem(
                        text: "You must click Preview on the left for the document to be viewed",
                        style: "EMPHASIS"
                      )
                    }
                  )
                }
              )
            }
          )
        }
      )
    },
    buttons: a!buttonLayout(
      primaryButtons: {
        a!buttonWidget(
          label: "Submit",
          validate: true,
          submit: true,
          value: "SUBMIT",
          saveInto: {
            ri!navigation,
            a!save(ri!document, local!document)
          }
        )
      },
      secondaryButtons: {
        a!buttonWidget(
          label: "Cancel",
          validate: false,
          submit: true,
          value: "CANCEL",
          saveInto: ri!navigation
        )
      }
    )
  )
)

RE: Document viewer Field Help

Mike Schmitt — Fri, 23 Sep 2022 22:29:26 GMT

What sequence of events is bringing you to that error? Are you using the form (and getting the error) in a process model setup? Or are you trying to do it in the interface editor?

RE: Document viewer Field Help

FrankT — Fri, 23 Sep 2022 21:27:08 GMT

I replaced back as the original, but I still get the same error.

a!localVariables(
  local!document,
  /* there are more graceful ways to check for doc existance */
  local!documentExists: not(tostring(ri!document)= "[Document:]"
  ),
  a!formLayout(
    label: "Document Upload / Preview",
    contents: {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!sideBySideLayout(
                    items: {
                      a!sideBySideItem(
                        item: a!fileUploadField(
                          value: local!document,
                          saveInto: local!document,
                          maxSelections: 1
                        )
                      ),
                      a!sideBySideItem(
                        item: a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Preview Document",
                              value: "PREVIEW",
                              saveInto: {
                                ri!navigation,
                                a!save(ri!document,local!document)
                              }
                            )
                          }
                        )
                      )
                    }
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!documentViewerField(
                    showWhen: local!documentExists,
                    document: ri!document
                  ),
                  a!richTextDisplayField(
                    showWhen: not(local!documentExists),
                    value: {
                      a!richTextItem(
                        text: "You must click Preview on the left for the document to be viewed",
                        style: "EMPHASIS"
                      )
                    }
                  )
                }
              )
            }
          )
        }
      )
    },
    buttons: a!buttonLayout(
      primaryButtons: {
        a!buttonWidget(
          label: "Submit",
          validate: true,
          submit: true,
          value: "SUBMIT",
          saveInto: {
            ri!navigation,
            a!save(ri!document,local!document)
          }
        )
      },
      secondaryButtons:  {
        a!buttonWidget(
          label: "Cancel",
          validate: false,
          submit: true,
          value: "CANCEL",
          saveInto: ri!navigation
        )
      }
    )
  )
)

RE: Document viewer Field Help

Mike Schmitt — Fri, 23 Sep 2022 21:07:05 GMT

Why did you change the example code Chris gave you for local!documentExists? The code you have in your expression here wouldn't do anything. His original one would check whether the ri!document is empty, successfully (though honestly i'd just use a null checker on the rule input).

Correct:

Your version:

The problem here is if your "local!documentExists" evaluates to TRUE when ri!document is actually empty, the preview field will attempt to show anyway, but with an invalid document, causing the error you posted.

RE: Document viewer Field Help

FrankT — Fri, 23 Sep 2022 20:32:14 GMT

I'm getting the error "Could not display interface. Please check definition and inputs. Interface Definition: Expression evaluation error at function a!documentViewerField [line 51]: Document Does Not Exist or has been Deleted"

Can someone please tell me what I'm doing wrong please.

a!localVariables(
  local!document,
  /* there are more graceful ways to check for doc existance */
  local!documentExists: not(tostring(ri!document)= false()
  ),
  a!formLayout(
    label: "Document Upload / Preview",
    contents: {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!sideBySideLayout(
                    items: {
                      a!sideBySideItem(
                        item: a!fileUploadField(
                          value: local!document,
                          saveInto: local!document,
                          maxSelections: 1
                        )
                      ),
                      a!sideBySideItem(
                        item: a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Preview Document",
                              value: "PREVIEW",
                              saveInto: {
                                ri!navigation,
                                a!save(ri!document,local!document)
                              }
                            )
                          }
                        )
                      )
                    }
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!documentViewerField(
                    showWhen: local!documentExists,
                    document: ri!document
                  ),
                  a!richTextDisplayField(
                    showWhen: not(local!documentExists),
                    value: {
                      a!richTextItem(
                        text: "You must click Preview on the left for the document to be viewed",
                        style: "EMPHASIS"
                      )
                    }
                  )
                }
              )
            }
          )
        }
      )
    },
    buttons: a!buttonLayout(
      primaryButtons: {
        a!buttonWidget(
          label: "Submit",
          validate: true,
          submit: true,
          value: "SUBMIT",
          saveInto: {
            ri!navigation,
            a!save(ri!document,local!document)
          }
        )
      },
      secondaryButtons:  {
        a!buttonWidget(
          label: "Cancel",
          validate: false,
          submit: true,
          value: "CANCEL",
          saveInto: ri!navigation
        )
      }
    )
  )
)

RE: Document viewer Field Help

Mike Schmitt — Fri, 23 Sep 2022 19:08:58 GMT

I just did a double-take since they both have the same display name, but then I noticed one has a profile picture and the other one doesn't (and upon checking, they end up having different usernames).

I assume it might be a legit thing (like someone transitioning from a personal account to a company-backed account), though with the amount of spambots in here lately, it always makes me second-guess myself.

RE: Document viewer Field Help

Chris — Fri, 23 Sep 2022 17:44:27 GMT

..I didn't note the 2 separate accounts... 🤷

RE: Document viewer Field Help

Mike Schmitt — Fri, 23 Sep 2022 17:33:55 GMT

[quote userid="2401" url="~/discussions/f/new-to-appian/26010/document-viewer-field-help/101784#101784"]this is a continuation of the other thread on the topic[/quote]

and... copied nearly word-for-word from your comment -- and... posted by 2 separate accounts ... *scratches head* 😕

RE: Document viewer Field Help

Chris — Fri, 23 Sep 2022 17:02:10 GMT

This is pretty much as straightforward as adding a!buttonArrayLayout() on the interface that submits the form, then the form will chain back to itself - typically with a decision node to determine if they are asking for a preview, or submitting/canceling the form to move the process:

A quick and dirty sample interface would be something like below with 2 inputs for document (document), and navigation (text):

a!localVariables(
  local!document,
  /* there are more graceful ways to check for doc existance */
  local!documentExists: not(tostring(ri!document)="[Document:]"),
  a!formLayout(
    label: "Document Upload / Preview",
    contents: {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!sideBySideLayout(
                    items: {
                      a!sideBySideItem(
                        item: a!fileUploadField(
                          value: local!document,
                          saveInto: local!document,
                          maxSelections: 1
                        )
                      ),
                      a!sideBySideItem(
                        item: a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Preview Document",
                              value: "PREVIEW",
                              saveInto: {
                                ri!navigation,
                                a!save(ri!document,local!document)
                              }
                            )
                          }
                        )
                      )
                    }
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!boxLayout(
                label: "Select Document",
                style: "ACCENT",
                contents: {
                  a!documentViewerField(
                    showWhen: local!documentExists,
                    document: ri!document
                  ),
                  a!richTextDisplayField(
                    showWhen: not(local!documentExists),
                    value: {
                      a!richTextItem(
                        text: "You must click Preview on the left for the document to be viewed",
                        style: "EMPHASIS"
                      )
                    }
                  )
                }
              )
            }
          )
        }
      )
    },
    buttons: a!buttonLayout(
      primaryButtons: {
        a!buttonWidget(
          label: "Submit",
          validate: true,
          submit: true,
          value: "SUBMIT",
          saveInto: {
            ri!navigation,
            a!save(ri!document,local!document)
          }
        )
      },
      secondaryButtons:  {
        a!buttonWidget(
          label: "Cancel",
          validate: false,
          submit: true,
          value: "CANCEL",
          saveInto: ri!navigation
        )
      }
    )
  )
)

Just to note, this is a continuation of the other thread on the topic.