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
  • So does this mean you are unable to edit the interface at all? I don't see anything inherently wrong with what you have, but here's a few suggestions:

    • Check the logs to see if there is a more specific error showing there. Then you may be able to see what's really going on in with this interface
    • Try to restore an earlier version to see if that fixes the issue temporarily. Then you could at least start adding parts of the interface back in a little bit at a time to see if you encounter the issue again.

    Let me know if any of those work or if you are still having issues.

  • So, looking at the logs I cannot identify if there is an error how would you end up checking the logs to know if there was an error? 

    I will look into the second one as well here in a second.

  • SAIL is the expression language we use in Appian - I just mean copying the full expression shown at the top into another interface.

  • Yes that does not work it just spits back the same error before even loading the interface. How can I open a support ticket?

  • I was able to find one thing, on a previous page where the button links to that it gives me an error that states it cant go to design mode because:

    Cannot load Design Mode

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

  • This is even though the parameters are specified at the top of that page as well

  • 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

Reply Children
No Data