Page 1 of 1

Separate elements in a list

Posted: Fri Jun 07, 2013 6:21 pm
by Andrés Méndez

Hello.

I have created a list element, which is filled with data from a REST service.

I want the elements to be shown separated, as in this example: http://jsfiddle.net/xgaJt/2/

I have added the CSS data, but the first and last elements have the upper and lower (respectively) corners with a different size that the elements in between (really strange).

I've seen this thread: https://getsatisfaction.com/apperyio/...
but isn't exactly my problem.

I have looked at winter CSS that I use, but I find no "ui-listview" to edit.

How can I do it?

Thanks.


Separate elements in a list

Posted: Fri Jun 07, 2013 7:41 pm
by Kateryna Grynko

Hi Andrés,

We're working on it.


Separate elements in a list

Posted: Mon Jun 10, 2013 6:09 am
by Kateryna Grynko

Sorry, no updates yet. Working on it.


Separate elements in a list

Posted: Mon Jun 10, 2013 10:26 am
by Kateryna Grynko

We couldn't reproduce it. Could you please provide us with the public app link?


Separate elements in a list

Posted: Mon Jun 10, 2013 3:08 pm
by Maryna Brodina

Hello! Try the following CSS code:
code.ui-listview li {
margin: 10px !important;
border-radius: 1em !important;
}
.ui-listview {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}/code