Skip to main content
September 27, 2023
Question

To display the link with a border

  • September 27, 2023
  • 8 replies
  • 0 views

Hi,

I have link as below . To make it more noticeable to the user I would like to add a border to it and make it look like a button. I tried to use cardlayout but it is displaying like in 2nd image.

Can someone help me how to display border just order the richtext link, not the entire row.

a!cardLayout(
        contents: a!richTextDisplayField(
          value: a!richTextItem(
            text: "Add Meeting Minutes",
            link: {
              a!startProcessLink(
                processModel: cons!RGRACSLBL_PROCESS_LEAD_LAST_APPROVAL,
                processParameters: {
                  requestId: ri!requestId,
                  labelChangeCountryId: ri!labelChangeCountryId_int,
                  fromHQ: if(
                    local!requestDetails.workflowType_txt = cons!RGRACSLBL_LabelUpdate_WorkflowType[1],
                    true(),
                    false()
                  ),
                  labelChangeRequest: cast(
                    typeof(
                      'type!{http://wnyce4hr.nyc-p02.chp.princetonblue.com:8080/}RGRACSLBL_RequestDetails'()
                    ),
                    local!requestDetails
                  ),
                  loggedInUser: loggedInUser(),
                  lrrf: cast(
                    typeof(
                      'type!{urn:com:appian:RGRACSLBL}RGRACSLBL_LRRF'()
                    ),
                    local!selectedRows
                    /*index(local!lrrf, wherecontains(*/
                      /*local!lrrf.,*/
                      /*local!selectedLRRF*/
                    /*), {})*/
                  ),
                  lrrfCountry: local!selectedRows.country_txt,
                  fromCountryUI: true()
                  
                }
              )
            },
            linkStyle: "INLINE",
            size: "MEDIUM",
            style: "STRONG"
          ),
          showWhen: not(rule!APN_isEmpty(local!selectedRows)),
          align: "RIGHT"
        ),
        padding: "EVEN_LESS",
        style: "NONE"
        )

    8 replies

    Inspiring
    September 27, 2023

    Try to put this card in a column and set the width accordingly.

    stefanhelzle0001
    Brainy
    September 27, 2023

    Or a side-by-side layout.

    Inspiring
    September 27, 2023

    A card in a side-by-side?

    rishikeshr4182
    September 27, 2023


    You can try this, if this works for you.

    a!cardLayout(
    contents: {
    a!richTextDisplayField(
    align: "RIGHT",
    value: a!richTextItem(
    text: "Add Meeting Minutes",
    link: a!startProcessLink(),
    linkStyle: "STANDALONE",
    size: "MEDIUM",
    style: "STRONG"
    )
    )
    },
    showBorder: false,
    showShadow: true,
    decorativeBarPosition: "BOTTOM",
    decorativeBarColor: "ACCENT",
    padding: "NONE"
    )

    anmolv0003
    September 28, 2023