Interface

RE: Interface

Konduru Chaitanya — Thu, 19 Jan 2023 08:57:54 GMT

a!localVariables(
  local!selected1,
  local!selected2,
  local!selected3,
  {
    a!richTextDisplayField(
      value: { a!richTextItem(text: "", style: "PLAIN") }
    ),
    a!radioButtonField(
      label: "1",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected1,
      saveInto: local!selected1,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      
    ),
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          value: {
            a!richTextItem(
              text: { "document",  },
              link: a!safeLink(label: " methods", openLinkIn: "SAME_TAB"),
              linkstyle: "STANDALONE"
            )
          }
        ),
        
      },
      style: "INFO",
      showBorder: false,
      showWhen: if(
        a!isNullOrEmpty(local!selected1),
        {},
        local!selected1 = 2
      )/*showWhen: local!selected1=2,*/
      
    ),
    a!radioButtonField(
      label: "2.",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected2,
      saveInto: local!selected2,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      showWhen: if(
        a!isNullOrEmpty(local!selected1),
        null,
        local!selected1 = 1
      )/*showWhen: local!selected1 =1*/
      
    ),
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          value: {
            a!richTextItem(
              text: { " document",  },
              linkstyle: "STANDALONE"
            )
          }
        ),
        
      },
      style: "INFO",
      showBorder: false,
      /*showWhen: if(*/
      /*a!isNullOrEmpty(local!selected1),null, */
      /**/
      /*local!selected1=1*/
      /*)*/
      showWhen: if(
        and(
          a!isNotNullOrEmpty(local!selected1),
          a!isNotNullOrEmpty(local!selected2)
        ),
        and(local!selected1 = 1, local!selected2 = 2),
        {}
      )
    ),
    a!radioButtonField(
      label: "3.",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected3,
      saveInto: local!selected3,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      showWhen: {
        if(
          and(
            a!isNullOrEmpty(local!selected1),
            a!isNullOrEmpty(local!selected2)
          ),
          {},
          and(
            tointeger(local!selected2) = 1,
            tointeger(local!selected1) = 1
          )
        )
      }
    ),
    /*a!cardLayout(*/
    /*contents: {*/
    /*a!richTextDisplayField(*/
    /*value: {*/
    /*a!richTextItem(*/
    /*text: {*/
    /*" document",*/
    /*                */
    /*},*/
    /*linkstyle: "STANDALONE"*/
    /*)*/
    /*}*/
    /*),*/
    /*        */
    /*},*/
    /*style: "INFO",*/
    /*showBorder: false,*/
    /*showWhen: {*/
    /*and(*/
    /*local!selected1 = 1,*/
    /*local!selected2 = 1,*/
    /*local!selected3 = 2*/
    /*)*/
    /*}*/
    /*),*/
    /*    */
    
  },
  
)

Just few changes in the show When. You can also create an expression rule and call it multiple places avoiding typing of same code lines with different values.

When there is no value in your Local variable it will not be able to determine the type. hence the error.

RE: Interface

hema.mathivathanan — Thu, 19 Jan 2023 08:50:05 GMT

a!localVariables(
  local!selected1,
  local!selected2,
  local!selected3,
  {
    a!richTextDisplayField(
      value: {
        a!richTextItem(
          text: "",
          style: "PLAIN"
        )
      }
    ),
    a!radioButtonField(
      label: "1",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected1,
      saveInto: local!selected1,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
    ),
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          value: {
            a!richTextItem(
              text: {
                "document",
                
              },
              link: a!safeLink(
                label: " methods",
                openLinkIn: "SAME_TAB"
              ),
              linkstyle: "STANDALONE"
            )
          }
        ),
        
      },
      style: "INFO",
      showBorder: false,
      showWhen:if(
        a!isNullOrEmpty(
          local!selected1),null,local!selected1 = 2
        )
      
      /*showWhen: local!selected1=2,*/
      ),
      
         a!radioButtonField(
      label: "2.",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected2,
      saveInto: local!selected2,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      showWhen:if(
        a!isNullOrEmpty(
          local!selected1),null,local!selected1 = 1
      )
      
      /*showWhen: local!selected1 =1*/
    ),
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          value: {
            a!richTextItem(
              text: {
                " document",
                
              },
              linkstyle: "STANDALONE"
            )
          }
        ),
        
      },
      style: "INFO",
      showBorder: false,
      /*showWhen: if(*/
       /*a!isNullOrEmpty(local!selected1),null, */
/**/
       /*local!selected1=1*/
/*)*/
      
      showWhen: and(
        local!selected1 =1, 
        local!selected2=2
      )
      

      
      

      
    ),
    a!radioButtonField(
      label: "3.",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected3,
      saveInto: local!selected3,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      showWhen: {
        and(local!selected2 = 1, local!selected1 = 1)
      }
      
     
    ),
   
    /*a!cardLayout(*/
      /*contents: {*/
        /*a!richTextDisplayField(*/
          /*value: {*/
            /*a!richTextItem(*/
              /*text: {*/
                /*" document",*/
/*                */
              /*},*/
              /*linkstyle: "STANDALONE"*/
            /*)*/
          /*}*/
        /*),*/
/*        */
      /*},*/
      /*style: "INFO",*/
      /*showBorder: false,*/
      /*showWhen: {*/
        /*and(*/
          /*local!selected1 = 1,*/
          /*local!selected2 = 1,*/
          /*local!selected3 = 2*/
        /*)*/
      /*}*/
    /*),*/
/*    */
  },
  
)

This is the code.

RE: Interface

hema.mathivathanan — Thu, 19 Jan 2023 08:47:31 GMT

a!localVariables(
  local!selected1,
  local!selected2,
  local!selected3,
  {
    a!richTextDisplayField(
      value: {
        a!richTextItem(
          text: "Please answer the below question(s)",
          style: "PLAIN"
        )
      }
    ),
    a!radioButtonField(
      label: "1.",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected1,
      saveInto: local!selected1,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
    ),
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          value: {
            a!richTextItem(
              text: {
""
              },
              link: a!safeLink(
                label: "Appian Hardware Sizing methods",
                openLinkIn: "SAME_TAB"
              ),
              linkstyle: "STANDALONE"
            )
          }
        ),
        
      },
      style: "INFO",
      showBorder: false,
      showWhen:if(
        a!isNullOrEmpty(
          local!selected1),null,local!selected1 = 2
        )
      
      /*showWhen: local!selected1=2,*/
      ),
      
         a!radioButtonField(
      label: "2",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected2,
      saveInto: local!selected2,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      showWhen:if(
        a!isNullOrEmpty(
          local!selected1),null,local!selected1 = 1
      )
      
      /*showWhen: local!selected1 =1*/
    ),
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          value: {
            a!richTextItem(
              text: {
                "document",
                
              },
              link: a!documentDownloadLink(document: 2354149, ),
              linkstyle: "STANDALONE"
            )
          }
        ),
        
      },
      style: "INFO",
      showBorder: false,
      /*showWhen: if(*/
       /*a!isNullOrEmpty(local!selected1),null, */
/**/
       /*local!selected1=1*/
/*)*/
      
      showWhen: and(
        local!selected1 =1, 
        local!selected2=2
      )
    ),
    a!radioButtonField(
      label: "3.",
      labelPosition: "ABOVE",
      choiceLabels: { "Yes", "No" },
      choiceValues: { 1, 2 },
      value: local!selected3,
      saveInto: local!selected3,
      choiceLayout: "COMPACT",
      choiceStyle: "STANDARD",
      required: true,
      showWhen: {
        and(local!selected2 = 1, local!selected1 = 1)
      }
      
     
    ),
    /*a!cardLayout(*/
      /*contents: {*/
        /*a!richTextDisplayField(*/
          /*value: {*/
            /*a!richTextItem(*/
              /*text: {*/
                /*"document",*/
/*                */
              /*},*/
              /*link: a!documentDownloadLink(document: 2354149, ),*/
              /*linkstyle: "STANDALONE"*/
            /*)*/
          /*}*/
        /*),*/
/*        */
      /*},*/
      /*style: "INFO",*/
      /*showBorder: false,*/
      /*showWhen: {*/
        /*and(*/
          /*local!selected1 = 1,*/
          /*local!selected2 = 1,*/
          /*local!selected3 = 1*/
        /*)*/
      /*}*/
    /*),*/
    /*a!cardLayout(*/
      /*contents: {*/
        /*a!richTextDisplayField(*/
          /*value: {*/
            /*a!richTextItem(*/
              /*text: {*/
                /*" ocument",*/
/*                */
              /*},*/
              /*link: a!documentDownloadLink(document: 2354149, ),*/
              /*linkstyle: "STANDALONE"*/
            /*)*/
          /*}*/
        /*),*/
/*        */
      /*},*/
      /*style: "INFO",*/
      /*showBorder: false,*/
      /*showWhen: {*/
        /*and(*/
          /*local!selected1 = 1,*/
          /*local!selected2 = 1,*/
          /*local!selected3 = 2*/
        /*)*/
      /*}*/
    /*),*/
/*    */
  },
  
)

RE: Interface

Konduru Chaitanya — Thu, 19 Jan 2023 08:43:14 GMT

Hello hema.mathivathanan,

Can you please share your code? It would be more clear in order to provide an answer.

RE: Interface

hema.mathivathanan — Thu, 19 Jan 2023 08:39:45 GMT

Thanks for your reply. I have 3 local variables defined. It would be great if you can help here on how to use the isnullorempty condition
showWhen: and(
local!selected1 =1,
local!selected2=2
)

RE: Interface

hema.mathivathanan — Thu, 19 Jan 2023 08:35:13 GMT

Thanks for your reply.

RE: Interface

Konduru Chaitanya — Thu, 19 Jan 2023 05:31:39 GMT

There are two Possibilities of why you see the error,

1. Either your Local variable local!selected1 has no value,

if it is giving this message as soon as you write the code, may be you can do a null check for your showWhen. Lets say if-isnullorempty-{}-your condition.

2. It has a non integer value. If you are fetching or indexing it from somewhere else, may be you can wrap it in the tointeger() function.

RE: Interface

Ramnadh Srikanth Vemakoti — Thu, 19 Jan 2023 03:19:08 GMT

Here , local!selected1 is having a null value so its giving the error message. you can use tointeger(local!selected1) = 2 and it will not give the error message as it will change the variable into the required format of integer.