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!!!
