How to make link field more like a button field

With dynamicLink you can use images as links por example

docs.appian.com/.../Dynamic_Link_Component.html

Any reason for not using a Site object and make these links the pages?

Card layouts also support links.

Well, this is a landing page for an organisation and in this organisation there are different types of users as you can see in the above pics namely Admin, Recruiter, Vendors, etc. And each of the users have a different site for them.

I have attached the link below to the landing page so you can get a better clarity of what i'm trying to say.

https://in.appian.community/suite/sites/the-it-mind-services

So as i said each user has their own site which i made the link field so that i can access it from a single page.

OK. Makes sense.

So i just wanted to know is there is any other way if i can make the link field more presentable so it looks good like a button field or similar field ?

There is a pattern in Interface->Patterns. Have a look at it for inspirations around this design. 

You can try Cards as Buttons or Tabs patterns

A LinkField can't do that. But there is the safeLink() which you can use on multiple components like images, cards etc.

docs.appian.com/.../Web_Link_Component.html

skzahed_09 said:

So i just wanted to know is there is any other way if i can make the link field more presentable

As Stefan already said above, Card Layouts are probably what you want to look into.

docs.appian.com/.../cards-as-buttons-pattern.html

There are multiple ways you can achieve this type of landing page. I would recommend using a billboard layout with overlay.
See the example UI for your reference - you can modify it as per your needs, as multiple modifications are possible.

{
  a!billboardLayout(
    backgroundMedia: a!documentImage(document: a!EXAMPLE_BILLBOARD_IMAGE()),
    backgroundMediaPositionHorizontal: "CENTER",
    backgroundMediaPositionVertical: "MIDDLE",
    backgroundColor: "#000000",
    overlay: a!barOverlay(
      contents: {
        {
          a!localVariables(
            local!options: {
              a!map(icon: "home", name: "Admin"),
              a!map(icon: "building", name: "Recruiter"),
              a!map(icon: "building", name: "Vendor"),
              a!map(icon: "building", name: "Panel"),
              a!map(icon: "building", name: "Candidate")
            },
            a!columnsLayout(
              columns: {
                a!columnLayout(),
                a!forEach(
                  items: local!options,
                  expression: a!columnLayout(
                    contents: {
                      a!cardLayout(
                        contents: {
                          a!richTextDisplayField(
                            labelPosition: "COLLAPSED",
                            value: {
                              a!richTextIcon(
                                icon: fv!item.icon,
                                color: "#8CA1D0",
                                size: "SMALL"
                              ),
                              char(10),
                              a!richTextItem(
                                text: fv!item.name,
                                color: "ACCENT",
                                size: "SMALL",
                                style: "STRONG"
                              ),
                              
                            },
                            align: "CENTER"
                          )
                        },
                        link: a!dynamicLink(
                          saveInto: a!save(local!selectedCard, fv!item.name)
                        ),
                        height: "EXTRA_SHORT",
                        shape: "ROUNDED",
                        style: "INFO"
                      )
                    },
                    width: "MEDIUM"
                  )
                ),
                a!columnLayout()
              },
              marginBelow: "STANDARD"
            ),
            
          )
        }
      },
      style: "SEMI_DARK",
      
    ),
    
  )
}

Yes got it thankyou.