Del

RE: Del

Mike Schmitt — Fri, 06 Nov 2020 16:34:26 GMT

FYI, you preferably shouldn't delete (or overwrite) your posts once your question has been answered, as people in the future might find your post when searching and find the answers they're looking for without having to make a whole new post.

RE: Interface

Richard Michaelis — Fri, 06 Nov 2020 15:12:05 GMT

Hi arung,
so your issue is more a style question than a showwhen issue.

    a!cardLayout(
      style: if(
	    and(
			not(toboolean(index(local!applicationConfig,"enableSupportLink",null))),
			not(toboolean(index(local!applicationConfig,"enableSupportPhoneNumber",null))),
			not(toboolean(index(local!applicationConfig,"enableSupportEmail",null)))
		),
		"STANDARD",
	    cons!PRO_HR_COLOUR_NAVIGATION_BACKGROUND
	   ),
      showBorder: false,
      showWhen: ri!showWhen,
      contents: {
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {
                a!richTextDisplayField(
                  labelPosition: "COLLAPSED",
                  value: {
                    a!richTextIcon(
                      icon: "support",
                      altText: "life buoy",
                      caption: "Support information",
                      link: a!safeLink(
                        uri: index(local!applicationConfig,"supportLink",null)
                      )
                    ),
                    " ",
                    a!richTextItem(
                      text: " Support",
                      link: a!safeLink(
                        uri: index(local!applicationConfig,"supportLink",null)
                      )
                    )
                  },
                  showWhen: index(local!applicationConfig,"enableSupportLink",null)
                )
              }
            ),
            a!columnLayout(
              contents: {
                a!sideBySideLayout(
                  alignVertical: "MIDDLE",
                  items: {
                    a!sideBySideItem(
                      item: a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        align: "RIGHT",
                        value: {
                          a!richTextIcon(
                            icon: "phone",
                            altText: "phone"
                          ),
                          " ",
                          a!richTextItem(
                            text: index(local!applicationConfig,"supportPhoneNumber",null)
                          )
                        },
                        showWhen: index(local!applicationConfig,"enableSupportPhoneNumber",null)
                      )
                    ),
                    a!sideBySideItem(
                      width: "MINIMIZE",
                      item: a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        align: "RIGHT",
                        value: {
                          a!richTextIcon(
                            icon: "envelope",
                            altText: "email"
                          ),
                          " ",
                          a!richTextItem(
                            text: index(local!applicationConfig,"supportEmail",null),
                            link: a!safeLink(
                              uri: "mailto:" & index(local!applicationConfig,"supportEmail",null)
                            )
                          )
                        },
                        showWhen: index(local!applicationConfig,"enableSupportEmail",null)
                      )
				    )
				   )
				 }
			  )
			}
		   )
		 }
	   )
	 }		
	)

RE: Interface

arung0001 — Thu, 05 Nov 2020 15:32:37 GMT

{
  a!localVariables(
    local!applicationConfig: rule!PRO_HR_QE_GetApplicationConfig(
      queryFilters: a!queryFilter(
        field: "isActive",
        operator: "=",
        value: true
      )
    ),
    a!cardLayout(
      style: cons!PRO_HR_COLOUR_NAVIGATION_BACKGROUND,
      showBorder: false,
      showWhen: ri!showWhen,
      contents: {
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {
                a!richTextDisplayField(
                  labelPosition: "COLLAPSED",
                  value: {
                    a!richTextIcon(
                      icon: "support",
                      altText: "life buoy",
                      caption: "Support information",
                      link: a!safeLink(
                        uri: index(local!applicationConfig,"supportLink",null)
                      )
                    ),
                    " ",
                    a!richTextItem(
                      text: " Support",
                      link: a!safeLink(
                        uri: index(local!applicationConfig,"supportLink",null)
                      )
                    )
                  },
                  showWhen: index(local!applicationConfig,"enableSupportLink",null)
                )
              }
            ),
            a!columnLayout(
              contents: {
                a!sideBySideLayout(
                  alignVertical: "MIDDLE",
                  items: {
                    a!sideBySideItem(
                      item: a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        align: "RIGHT",
                        value: {
                          a!richTextIcon(
                            icon: "phone",
                            altText: "phone"
                          ),
                          " ",
                          a!richTextItem(
                            text: index(local!applicationConfig,"supportPhoneNumber",null)
                          )
                        },
                        showWhen: index(local!applicationConfig,"enableSupportPhoneNumber",null)
                      )
                    ),
                    a!sideBySideItem(
                      width: "MINIMIZE",
                      item: a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        align: "RIGHT",
                        value: {
                          a!richTextIcon(
                            icon: "envelope",
                            altText: "email"
                          ),
                          " ",
                          a!richTextItem(
                            text: index(local!applicationConfig,"supportEmail",null),
                            link: a!safeLink(
                              uri: "mailto:" & index(local!applicationConfig,"supportEmail",null)
                            )
                          )
                        },
                        showWhen: index(local!applicationConfig,"enableSupportEmail",null)
                      )
                    )
                  }
                )
              }
            )
          }
        )
      }
    )
  )
}

RE: Interface

Danny Verb — Thu, 05 Nov 2020 15:22:50 GMT

Can you paste the SAIL you currently have?

RE: Interface

arung0001 — Wed, 04 Nov 2020 22:45:13 GMT

Del

RE: Interface

Danny Verb — Wed, 04 Nov 2020 19:15:20 GMT

You can use the `and` function, https://docs.appian.com/suite/help/19.1/fnc_logical_and.html

If you want to hide a cardLayout when all values are false, you can wrap each value in a fn!not()

a!localvariables(
 local!columnOne: false,
 local!columnTwo: false,
 local!columnThree: false,
 a!cardLayout(
    contents: {},
    showWhen: and(
        not(local!columnOne),
        not(local!columnTwo),
        not(local!columnThree)
    )
 )
)