round corners to grid layout

Hi,

SAP BusinessObjects Design Studio

Release 1.6 SP1 Patch 2 (Version: 16.1.2)

Source: Relational database, thru UNX

template: SAPUI5 m

I'm trying to get round corners to grid layout component and struggling to achieve it. I dragged a grid and get it with 1 row and 2 columns. I gave it a name KPIBAR_DP. When i run the application, inspect the page and capture the ID being referred, i see it as KPIBAR_DP_Grid". Using this i'm adding the below code to my css file. give each column in the grid a different background and trying to set border-radius for the grid. But it does not work.

#KPIBAR_DP_grid tr:nth-child(1) td:nth-child(1) {background: #AA1000 !important;}

#KPIBAR_DP_grid tr:nth-child(1) td:nth-child(2) {background: #5C534A !important;}

#KPIBAR_DP_grid tr:nth-child(1) {

border-radius:40px !important;

-webkit-border-radius: 40px !important;

-moz-border-radius: 40px !important;

}

I referred below links and more but most of the css tricks were for either text component or buttons and not for grid layout.

http://scn.sap.com/thread/3290365

http://scn.sap.com/docs/DOC-54934

https://scn.sap.com/thread/3853896

Thanks,

Srikanth