Button

Within the button component you can set the label and size of the button.

When using the interface on a Site, you can set all buttons to have a rounded shape.

If I change the "Button Shape" at the site level it will apply changes across all pages.

But, I am looking this style of button/icon to apply only in some particular page(s).

Hari Kishore Reddy said:

But, I am looking this style of button/icon to apply only in some particular page(s).

Unfortunately, at least for now, this is only configurable in the manner Danny outlined above.  I agree it would be nice if there was a way to provide a button-by-button override for the site-defined style, and maybe in the future, but for now it doesn't exist.  You can always file a support case with Appian to get them to log this as a feature request.

One of the reasons this is a site-level configuration is because styling across buttons should be consistent. Allowing some buttons to be rounded while others are squared can lead to poor interface design.

I find that to be a good argument for why it's a site default (like it currently is), but not necessarily a good reason why it shouldn't even be an option given for a manual override.  Consider, for example, all the other ways we're currently free to mix-and-match styles of all sorts of components, which I would rather have, in spite of the fact that it adds the ability to create poorly-designed interfaces.

I find that to be a good argument for why it's a site default (like it currently is), but not necessarily a good reason why it shouldn't even be an option given for a manual override.  Consider, for example, all the other ways we're currently free to mix-and-match styles of all sorts of components, which I would rather have, in spite of the fact that it adds the ability to create poorly-designed interfaces.

This is a primary button style. You can create with a!buttonWidget().                          contexto hearts online