Skip to main content
kavithat276137
kavithat276137
January 30, 2025
Question

Show comments default if there is comment if not remove the space of the comment

  • January 30, 2025
  • 7 replies
  • 0 views

Hi Everyone,

 am trying to show the comments history in a card layout to fetch the approval of the stage/comments added by the user /name.

Requirement is to show the comments if user is added, if not need to remove the space of the comment.  Below is my code and condition seems not working..

Thanks to help here and to learn more!

local!isCommentAvailable: a!isNotNullOrEmpty(index(ri!audit['recordType!{77342a51-f497-4d5d-a8e5-d123d13967df}TMA Audit.relationships.{683d367a-af56-4cf5-af48-16fbd40c5dbb}tmaComments.fields.{719d7da1-f969-4e01-85ad-d4ffb6f37778}comments'],1,null)),

7 replies

gayatria0439
gayatria0439
February 1, 2025

Hi [mention:0b7bd2212f78464d91d9e8df64047db1:e9ed411860ed4f2ba0265705b8793d05] ,

I think you are expecting like this right ??

kavithat276137
kavithat276137Author
February 4, 2025

Hi Gayathri, Yes Exactly.  Could you please help with the reference logic here? 

gayatria0439
gayatria0439
February 4, 2025

here am adding code for your reference 

a!localVariables(
  local!commentsData: index(
    a!queryRecordType(
      recordType: 'recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments',
      pagingInfo: a!pagingInfo(1,10)
    ),
    "data",
    null
  ),
  {
    a!forEach(
      items: local!commentsData,
      expression: {
        a!cardLayout(
          contents: {
            a!sideBySideLayout(
              items: {
                a!sideBySideItem(
                  item: a!imageField(
                    images: a!userImage(
                      user: fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{614925a0-7974-41e8-ba5a-9a65b1f9ddc9}createdBy']
                    ),
                    size: "SMALL",
                    style: "AVATAR"
                  ),
                  width: "MINIMIZE"
                ),
                a!sideBySideItem(
                  item: a!richTextDisplayField(
                    labelPosition: "COLLAPSED",
                    value: {
                      a!richTextItem(
                        text: fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{9c0d2338-4f73-418d-9abd-44a043b6b342}name'],
                        size: "STANDARD",
                        style: { "STRONG" }
                      ),
                      char(32),
                      a!richTextItem(
                        text: text(
                          fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{dafb326d-85f8-47b2-b2f8-7a81c564fa48}createdOn'],
                          "hh:MM a"
                        ),
                        color: "SECONDARY",
                        size: "SMALL"
                      )
                    }
                  ),
                  width: "AUTO"
                ),
                a!sideBySideItem(
                  item: a!richTextDisplayField(
                    labelPosition: "COLLAPSED",
                    value: {
                      a!richTextIcon(
                        icon: "reply",
                        linkStyle: "STANDALONE",
                        color: "ACCENT"
                      )
                    }
                  ),
                  width: "MINIMIZE"
                ),
                a!sideBySideItem(
                  item: a!richTextDisplayField(
                    labelPosition: "COLLAPSED",
                    value: {
                      a!richTextIcon(icon: "ellipsis-v", color: "ACCENT")
                    }
                  ),
                  width: "MINIMIZE"
                )
              },
              alignVertical: "MIDDLE"
            ),
            a!richTextDisplayField(
              labelPosition: "COLLAPSED",
              value: {
                a!richTextItem(
                  text: {
                    "@",
                    fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{b5aad2ad-3aa4-45ab-9905-bc88a186ad25}mentionedName']
                  },
                  color: "ACCENT"
                ),
                char(32),
                a!richTextItem(
                  text: fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{980370d2-5d99-4476-bcc2-867d59c91ec8}comments']
                )
              },
              showWhen: a!isNotNullOrEmpty(fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{980370d2-5d99-4476-bcc2-867d59c91ec8}comments'])
            ),
            a!cardLayout(
              contents: {
                a!columnsLayout(
                  columns: {
                    a!columnLayout(
                      contents: {
                        a!cardLayout(
                          contents: {
                            a!richTextDisplayField(
                              labelPosition: "COLLAPSED",
                              value: {
                                a!richTextIcon(
                                  icon: "file-invoice-dollar",
                                  color: "#674ea7",
                                  size: "MEDIUM_PLUS"
                                )
                              },
                              align: "CENTER",
                              marginAbove: "EVEN_LESS",
                              marginBelow: "EVEN_LESS"
                            )
                          },
                          height: "AUTO",
                          style: "#d9d2e9",
                          marginBelow: "NONE",
                          showBorder: false
                        )
                      },
                      width: "EXTRA_NARROW"
                    ),
                    a!columnLayout(
                      contents: {
                        a!cardLayout(
                          contents: {
                            a!sideBySideLayout(
                              items: {
                                a!sideBySideItem(
                                  item: a!richTextDisplayField(
                                    labelPosition: "COLLAPSED",
                                    value: {
                                      a!richTextItem(
                                        text: {
                                          fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{420479fd-41b7-4fc8-bf9b-f7ec9d9adeb5}claimNumber']
                                        },
                                        style: { "STRONG" }
                                      )
                                    },
                                    preventWrapping: true,
                                    marginBelow: "NONE"
                                  )
                                ),
                                a!sideBySideItem(
                                  item: a!tagField(
                                    labelPosition: "COLLAPSED",
                                    tags: {
                                      a!tagItem(
                                        text: fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{f64b0cc0-4b39-4349-ae51-f7b6ac55805c}tagName'],
                                        backgroundColor: "#9db6d0"
                                      )
                                    },
                                    size: "SMALL"
                                  ),
                                  width: "MINIMIZE"
                                )
                              },
                              alignVertical: "MIDDLE",
                              marginBelow: "NONE"
                            ),
                            a!richTextDisplayField(
                              labelPosition: "COLLAPSED",
                              value: {
                                a!richTextItem(
                                  text: concat(
                                    text(
                                      fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{dafb326d-85f8-47b2-b2f8-7a81c564fa48}createdOn'],
                                      "MMM"
                                    ),
                                    " ",
                                    text(
                                      fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{dafb326d-85f8-47b2-b2f8-7a81c564fa48}createdOn'],
                                      "dd"
                                    ),
                                    ", ",
                                    text(
                                      fv!item['recordType!{b9769d97-f83d-4c90-b8de-acbc2b678ec5}IM Comments.fields.{dafb326d-85f8-47b2-b2f8-7a81c564fa48}createdOn'],
                                      "YYYY"
                                    )
                                  ),
                                  color: "SECONDARY"
                                )
                              },
                              preventWrapping: true,
                              marginBelow: "NONE"
                            )
                          },
                          link: a!dynamicLink(label: "Dynamic Link", saveInto: {}),
                          height: "AUTO",
                          style: "NONE",
                          marginBelow: "NONE",
                          showBorder: false
                        )
                      }
                    )
                  },
                  alignVertical: "MIDDLE",
                  spacing: "NONE"
                )
              },
              link: a!dynamicLink(),
              height: "AUTO",
              style: "NONE",
              shape: "SEMI_ROUNDED",
              padding: "NONE",
              marginAbove: "LESS",
              marginBelow: "NONE",
              showBorder: true,
              showShadow: false
            )
          },
          link: a!dynamicLink(label: "Dynamic Link", saveInto: {}),
          height: "AUTO",
          style: "NONE",
          shape: "ROUNDED",
          padding: "STANDARD",
          marginBelow: "LESS",
          showBorder: false,
          showShadow: true
        )
      }
    )
  }
)

Terms & ConditionsAccessibility statement