Enhancement with CSS – Curved Buttons

In my last document I described about the way of enhancing Pie chart using Tool Tips. check the document here  Pie Chart – Way to highlight Percentages!

In this blog I will explain the way of enhancing the buttons with CSS feature.

The Buttons do not have the curved feature at the edges. This can be achieved by the CSS in Design Studio.

The CSS classes used for buttons are

sapUiBtn

sapUiBtnFixedWidth

sapUiBtnNorm

sapUiBtnS

sapUiBtnStd

the below classes are involved to change the curve feature of button.

the CSS code for the same is

.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd

{

border-radius : 10px

}

Keep the pixels depends on your requirement. The Graph looks like

Cheers,

Adlin