Card Layout

Certified Associate Developer

I have a card layout as below. Can anyone help If there a way for the button to not have that extra space before and after the rich text no matter what magnification or resizing of the screen is shown.

a!columnLayout(
                                          contents: {
                                            a!cardLayout(
                                              tooltip: "Only Assigned Status Tasks will be processed",
                                              contents: a!richTextDisplayField(
                                                align: "CENTER",
                                                value: {
                                                  
                                                  a!richTextItem(
                                                    text: "ACCEPT TASKS",
                                                    color: "ACCENT",
                                                    style: "STRONG",
                                                    
                                                  )
                                                  
                                                },
                                               
                                              ),
                                              link: a!dynamicLink(
                                                value: "ACCEPT",
                                                saveInto: local!acceptTask,
                                                showWhen: count(
                                                  tointeger(local!gridSelection.selected)
                                                ) <= 50
                                              ),
                                              style: "ACCENT"
                                            )
                                          },
                                          width: "NARROW"
                                        )

  Discussion posts and replies are publicly visible

Parents
  • a!columnsLayout(
      columns: a!columnLayout(
        contents: {
          a!columnsLayout(
            columns: {
              a!columnLayout(
                contents: {
                  a!cardLayout(
                    tooltip: "Only Assigned Status Tasks will be processed",
                    contents: {
                      a!richTextDisplayField(
                        value: {
                          a!richTextItem(
                            text: { "ACCEPT TASK" },
                            color: "ACCENT",
                            style: { "STRONG" }
                          )
                        },
                        preventWrapping: false(),
                        align: "CENTER"
                      )
                    },
                    style: "ACCENT",
                    padding: "NONE",
                    link: a!dynamicLink(
                      value: "ACCEPT",
                      saveInto: local!acceptTask,
                      showWhen: count(
                        tointeger(local!gridSelection.selected)
                      ) <= 50
                    ),
                  )
                },
                width: "AUTO"
              ),
              a!columnLayout(contents: {})
            },
            spacing: "NONE"
          )
        },
        width: "NARROW"
      )
    )

Reply
  • a!columnsLayout(
      columns: a!columnLayout(
        contents: {
          a!columnsLayout(
            columns: {
              a!columnLayout(
                contents: {
                  a!cardLayout(
                    tooltip: "Only Assigned Status Tasks will be processed",
                    contents: {
                      a!richTextDisplayField(
                        value: {
                          a!richTextItem(
                            text: { "ACCEPT TASK" },
                            color: "ACCENT",
                            style: { "STRONG" }
                          )
                        },
                        preventWrapping: false(),
                        align: "CENTER"
                      )
                    },
                    style: "ACCENT",
                    padding: "NONE",
                    link: a!dynamicLink(
                      value: "ACCEPT",
                      saveInto: local!acceptTask,
                      showWhen: count(
                        tointeger(local!gridSelection.selected)
                      ) <= 50
                    ),
                  )
                },
                width: "AUTO"
              ),
              a!columnLayout(contents: {})
            },
            spacing: "NONE"
          )
        },
        width: "NARROW"
      )
    )

Children
No Data