This is a migrated thread and some comments may be shown as answers.

Changing the bottom-border color in a List View

4 Answers 94 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
devApps
Top achievements
Rank 1
devApps asked on 16 Nov 2016, 11:04 AM

I am trying the following code to change the border bottom color of an 'li' element in a list-view

http://dojo.telerik.com/ApIp/27

It does not work

Could you please let me know what's the issue ?

 

4 Answers, 1 is accepted

Sort by
0
devApps
Top achievements
Rank 1
answered on 16 Nov 2016, 11:09 AM

The updated link is here :

 

http://dojo.telerik.com/@phcc1t/ilawO

 

 

0
devApps
Top achievements
Rank 1
answered on 16 Nov 2016, 11:10 AM

The updated link is here :

Code Snippet

0
Accepted
Vessy
Telerik team
answered on 18 Nov 2016, 08:08 AM
Hi PHCC,

Currently the bottom border of the ListView is set through -webkit-box-shadow style, with applied gradient colors of the li borders. In order to set a solid border to the last item you will either need to change the shadow color:
.km-ios7 .km-list > li:last-child {
    -webkit-box-shadow: inset 0 -1px 0 green;
}

or remove the box shadow and the gradient of the items and set border width in the currently used by you styles:
.km-ios7 div ul.km-list > li:last-child {
    border-bottom-width: 1px;
    border-bottom-color: green;
    border-image: none;
}

I hope this helps. Let me know if I can assist you any further on this matter.

Regards,
Vessy
Telerik by Progress
Kendo UI is ready for Visual Studio 2017 RC! Learn more.
0
devApps
Top achievements
Rank 1
answered on 21 Nov 2016, 07:20 AM

Thanks a ton Vessy.

It's working.

Tags
ListView (Mobile)
Asked by
devApps
Top achievements
Rank 1
Answers by
devApps
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or