Forum | Appery.io

Hello,

Is this possible to make corners of a grid rounded? My grid is placed inside another grid, which is placed on listview component:

I added CSS asset to this grid:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

but with no success. Can you please help me?

Hello! What selector for your CSS styles did you use?

Hmm. I fact none. Since I applied it directly on the grid.
Will ".show-grid" do the job?

Hi again Maryna,

Unfortunately I haven't found the right selector. Tried by class, and id, none of them worked, for example this one:

.PickFoodIngridients_EqFrame
{
-webkit-border-radius: 10px; !important;
-moz-border-radius: 10px; !important;
border-radius: 10px; !important;
}

PickFoodIngridients {Name of my page}
EqFrame {Name of grid in question}

Is this possible? I tried to test styling directly in the Chrome browser and the border-radius also didn't make any change.
Can you give me some more clues?

border-radius doesn't work for tables with border-collapse: collapse. You can add class for table for example roundedTable and describe it in CSS pre.roundedTable {
border-collapse: separate !important;
border: 2px green solid !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}/prehttp://docs.appery.io/documentation/w...

You got it right Maryna. Thanks!!!