User Interface Error with one of our interfaces.

This only happens to one interface. Whenever you try to click on anything in design mode or edit anything in expression mode you get the above image. This is my expression mode code:

a!localVariables(
  local!selection:0,
  local!priority,
  local!search,
  local!date,
  {
    choose(
      local!selection+1,
      {
        a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            char(10),
            char(10),
            a!richTextItem(
              text: {
                "What do you need?"
              },
              color: "ACCENT",
              size: "LARGE"
            ),
            char(10),
            char(10)
          },
          align: "CENTER"
        ),
        a!columnsLayout(
          columns:{
            a!columnLayout(),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        char(10),
                        char(10),
                        char(10),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Create an SFN Order"
                          },
                          color: "ACCENT",
                          size: "LARGE",
                          style: {
                            "STRONG"
                          }
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Enter a new order into the system"
                          },
                          size: "SMALL"
                        )
                      },
                      align: "CENTER"
                    )
                  },
                  link: a!startProcessLink(
                    processModel: cons!MAP_PM_CREATE_ORDER
                  ),
                  height: "MEDIUM"
                )
              },
              width: "MEDIUM"
            ),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        char(10),
                        char(10),
                        char(10),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Create an SFNS Order"
                          },
                          color: "ACCENT",
                          size: "LARGE",
                          style: {
                            "STRONG"
                          }
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Enter a new order for SFNS into the system"
                          },
                          size: "SMALL"
                        )
                      },
                      align: "CENTER"
                    )
                  },
                  link: a!startProcessLink(
                    processModel: cons!SFNS_PROCESS_MODEL
                  ),
                  height: "MEDIUM"
                )
              },
              width: "MEDIUM"
            ),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        char(10),
                        char(10),
                        char(10),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Create an SFNG Order"
                          },
                          color: "ACCENT",
                          size: "LARGE",
                          style: {
                            "STRONG"
                          }
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Enter a new order for SFNG into the system"
                          },
                          size: "SMALL"
                        )
                      },
                      align: "CENTER"
                    )
                  },
                  link: a!startProcessLink(),
                  height: "MEDIUM"
                )
              },
              width: "MEDIUM"
            ),
            a!columnLayout()

          }
        )
      },
      {
        a!richTextDisplayField(
          value:a!richTextItem(
            text:{
              a!richTextIcon(icon:"arrow-left"),
              " Go Back"
            },
            link:a!dynamicLink(value:0,saveInto: local!selection)
          )
        ),
        rule!MAP_ordersGrid(
          priority: local!priority,
          search: local!search,
          date: local!date
        )
      },
      {
        a!richTextDisplayField(
          value:a!richTextItem(
            text:{
              a!richTextIcon(icon:"arrow-left"),
              " Go Back"
            },
            link:a!dynamicLink(value:0,saveInto: local!selection)
          )
        ),
        rule!TKV_MyTasks(batchSize: 10)
      }
    )
  }
)

Please help us this is a huge blocker for our team currently. 

  Discussion posts and replies are publicly visible

Parents Reply Children
  • Here is the code for MAP_dashboard that leads into MAP_createOrderInterface:

    a!localVariables(
      local!selection:0,
      local!priority,
      local!search,
      local!date,
      {
      a!billboardLayout(
        backgroundMedia: a!documentImage(
            document: cons!MAP_DOC_HEADER_IMAGE[2]
        ),
        backgroundColor: "#f0f0f0",
        height: "SHORT",
        overlay: a!barOverlay(
          contents: {
            a!richTextDisplayField(
              label: "Rich Text",
              labelPosition: "COLLAPSED",
              value: {
                a!richTextItem(
                  text: {
                    "Source Foundation Geomatics Production Management Tool "
                  },
                  size: "LARGE"
                )
              }
            )
          }
        )
      ),
      choose(
        local!selection+1,
        {
        a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            char(10),
            char(10),
            a!richTextItem(
              text: "What do you need to do?",
              color: "ACCENT",
              size: "LARGE"
            ),
            char(10),
            char(10)
          },
          align: "CENTER"
        ),
        a!columnsLayout(
          columns:{
            a!columnLayout(),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        char(10),
                        char(10),
                        a!richTextIcon(
                          icon: "pencil-square-o",
                          color: "#8CA1D0",
                          size: "LARGE"
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Create Order"
                          },
                          color: "ACCENT",
                          size: "LARGE",
                          style: {
                            "STRONG"
                          }
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Enter a new order into the system"
                          },
                          size: "SMALL"
                        )
                      },
                      align: "CENTER"
                    )
                  },
                  link: a!dynamicLink(
                    value:1,
                    saveInto: local!selection
                  ),
                  height: "MEDIUM"
                )
              },
              width: "MEDIUM"
            ),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        char(10),
                        char(10),
                        a!richTextIcon(
                          icon: "list-ul",
                          color: "#8CA1D0",
                          size: "LARGE"
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "View Orders"
                          },
                          color: "ACCENT",
                          size: "LARGE",
                          style: {
                            "STRONG"
                          }
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Track and update existing orders"
                          },
                          size: "SMALL"
                        )
                      },
                      align: "CENTER"
                    )
                  },
                  link: a!dynamicLink(
                    value:2,
                    saveInto: local!selection
                  ),
                  height: "MEDIUM"
                )
              },
              width: "MEDIUM"
            ),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        char(10),
                        char(10),
                        a!richTextIcon(
                          icon: "check-square-o",
                          color: "#8CA1D0",
                          size: "LARGE"
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "Process Orders"
                          },
                          color: "ACCENT",
                          size: "LARGE",
                          style: {
                            "STRONG"
                          }
                        ),
                        char(10),
                        char(10),
                        a!richTextItem(
                          text: {
                            "View and complete tasks assigned to you"
                          },
                          size: "SMALL"
                        )
                      },
                      align: "CENTER"
                    )
                  },
                  link: a!dynamicLink(
                     value:3,
                     saveInto: local!selection
                  ),
                  height: "MEDIUM"
                )
              },
              width: "MEDIUM"
            ),
            a!columnLayout()
    
          }
        )
      },
        {
          a!richTextDisplayField(
            value:a!richTextItem(
              text:{
                a!richTextIcon(icon:"arrow-left"),
                " Go Back"
              },
              link:a!dynamicLink(value:0,saveInto: local!selection)
            )
          ),
          rule!MAP_createOrderInterface(
            priority: local!priority,
            search: local!search,
            date: local!date
          )
        },
        {
          a!richTextDisplayField(
            value:a!richTextItem(
              text:{
                a!richTextIcon(icon:"arrow-left"),
                " Go Back"
              },
              link:a!dynamicLink(value:0,saveInto: local!selection)
            )
          ),
          rule!MAP_ordersGrid(
            priority: local!priority,
            search: local!search,
            date: local!date
          )
        },
        
        {
          a!richTextDisplayField(
            value:a!richTextItem(
              text:{
                a!richTextIcon(icon:"arrow-left"),
                " Go Back"
              },
              link:a!dynamicLink(value:0,saveInto: local!selection)
            )
          ),
          rule!TKV_MyTasks(batchSize: 10)
        }
      )
    }
    )

  • This error:

    Invalid parameter at function ’’MAP_createOrderInterface’’ [line 207]: The following parameters do not exist: 'priority', 'search', 'date'

    Means that you're missing rule inputs in the MAP_createOrderInterface interface for those three variables - can you check to see if those exist in that interface?

    Also to your point above that copying the expresssion to a new interface shows the same issue - that probably means there is a specific area of your interface that's causing this. I'd suggest adding a few lines at a time to see if you can isolate what the issue is.

    Also, if you need to contact support, you can find the details in this page on Community: https://community.appian.com/support/

  • The issue was with the char(10)

    Upon removing it it fixed the random error but now the form does not look very good, are there any recommendations to replace the char(10)?

  • Hmm, that seems really strange. Did you remove all the char(10)'s throughout the whole interface? It's a pretty common practice to use this, and I haven't seen issues with it before.

  • I did, I am still getting the prioirty error still, I dont quite know what the issue with this application is