Buttons with tounded corners?

Hi Mario, buttons with rounded corners is not available in Appian. Download buttons with rounded corners images and save it in your constant, once try the below code it might help for you.

a!sideBySideLayout(
items: {
a!sideBySideItem(
width: "AUTO",
item:
a!imageField(
images: a!documentImage(
document: cons!BR_BUTTONS
)
)
),
a!sideBySideItem(
width: "3X",
item:
a!imageField(
images: a!documentImage(
document: cons!BR_BUTTONS
)
)
)
}
)

Hi Mario, buttons with rounded corners is not available in Appian. Download buttons with rounded corners images and save it in your constant, once try the below code it might help for you.

a!sideBySideLayout(
items: {
a!sideBySideItem(
width: "AUTO",
item:
a!imageField(
images: a!documentImage(
document: cons!BR_BUTTONS
)
)
),
a!sideBySideItem(
width: "3X",
item:
a!imageField(
images: a!documentImage(
document: cons!BR_BUTTONS
)
)
)
}
)

Hi, how about having a static width of my side tabs? Do you have any idea how to do that? I'm currently using buttons but the size is actually based on the label of the button. I cannot control all the buttons to have the same width.

Use the card layout and center the label inside each of the cards. You can fix the width of each card layout to all match, and you can configure the cards to work like buttons. They'd just be cards that only have labels, and you can set the backgrounds to match the color of a button control. You could also use color to make the side tabs really stand out, such as a main color from the client's logo, which should be set as the system accent color if it's not already.

Thanks David. We are currently on 18.1 and I think card layout is only available in 18.2. Regardless, this is very informative and will be trying this after our upgrade soon.