how do i make a single border around the entire gridview?
Posted: Sun May 19, 2013 4:22 am
In file "mobilegrid2style" remove space between "." and "mobilegrid2style"
Forum | Appery.io
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
how do i make a single border around the entire gridview?
Page 2 of 2
how do i make a single border around the entire gridview?
Posted: Sun May 19, 2013 5:28 pm
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:
how do i make a single border around the entire gridview?
Posted: Mon May 20, 2013 12:45 pm
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
how do i make a single border around the entire gridview?
Posted: Mon May 20, 2013 1:58 pm
thank you it works great!!
how do i make a single border around the entire gridview?
Posted: Mon May 20, 2013 2:03 pm
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??
how do i make a single border around the entire gridview?
Posted: Mon May 20, 2013 3:28 pm
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.