Page 1 of 1

border bottom is missing in list?

Posted: Sun Aug 09, 2015 6:55 pm
by Mani Maran

first i add list to my app page then i separate space between the list using the css lines

[dsid=mobilelist_40] li + li {
margin: 10px 0;
}

then i tested the app. first child of the list has four side borders and other child of list has three side borders (bottom border is missing for other childs of the list except the first child of the list?) Image


border bottom is missing in list?

Posted: Sun Aug 09, 2015 7:00 pm
by Mani Maran

I tried this css lines but nothing works

[dsid=mobilelist_40] li {
border-width: 1px !important;
}


border bottom is missing in list?

Posted: Sun Aug 09, 2015 8:29 pm
by Serhii Kulibaba

Hello Mani,

Please use this CSS:

pre[name=mobilelistName] li{
margin-top:100px!important;
}
[name=mobilelistName] li:nth-child(1){
margin-top:0!important;
}/pre

here mobilelistName - mobilelist's name


border bottom is missing in list?

Posted: Sun Aug 09, 2015 8:43 pm
by Mani Maran

I don't want space between the list. All i want is bottom border for all childs of list


border bottom is missing in list?

Posted: Mon Aug 10, 2015 11:30 am
by Mani Maran

Anybody answer me and my problem wasn't yet solved


border bottom is missing in list?

Posted: Thu Aug 13, 2015 8:40 pm
by Serhii Kulibaba

Please change CSS above to this:

[name=mobilelistName] li{
border-top:10px solid red;
}


border bottom is missing in list?

Posted: Thu Aug 13, 2015 9:08 pm
by Mani Maran

Thank you for the reply but i already solved it