Quantcast
Channel: SAP BusinessObjects Design Studio
Viewing all articles
Browse latest Browse all 662

Enhancement with CSS - Curved Buttons

$
0
0

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

 

 

1.png

 

 

Cheers,

Adlin


Viewing all articles
Browse latest Browse all 662

Trending Articles