how do i make a single border around the entire gridview?

[Igor]

In file "mobilegrid2style" remove space between "." and "mobilegrid2style"

[John Herdean]

ok its starting to work now... But, for some reason the corners are not being rounded.. is there anything wrong with this code:

.mobilegrid2style {
border-style:solid;
border-width:2px;
border-color: #cc9a3d;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;

}

and heres how it looks now:

[Maryna Brodina]

Hello! Try with the following code
code.mobilegrid2style {
border: 2px solid #cc9a3d;
-moz-border-radius: 15px;
-webkit-border-radius: .15px;
border-radius: 15px;
border-collapse: separate !important;
}/code

[John Herdean]

thank you it works great!!

[John Herdean]

ohhh i think i know why it didnt work before... Was it because i was missing

"-moz-border-radius: 15px;"

line code for the firefox browser Im using to test the app??

[Kateryna Grynko]

Hi John,

code.mobilegrid2style td {
border: 1px solid green;
}/code
For the default color - just remove it from the line. Rounded corners are not that ease. It's very difficult to develop.