Changing the bottom-border color in a List View

5 posts, 1 answers
  1. devApps
    devApps avatar
    36 posts
    Member since:
    Dec 2015

    Posted 16 Nov 2016 Link to this post

    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 ?

     

  2. devApps
    devApps avatar
    36 posts
    Member since:
    Dec 2015

    Posted 16 Nov 2016 in reply to devApps Link to this post

    The updated link is here :

     

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

     

     

  3. devApps
    devApps avatar
    36 posts
    Member since:
    Dec 2015

    Posted 16 Nov 2016 in reply to devApps Link to this post

    The updated link is here :

    Code Snippet

  4. Answer
    Vessy
    Admin
    Vessy avatar
    1581 posts

    Posted 18 Nov 2016 Link to this post

    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.
  5. devApps
    devApps avatar
    36 posts
    Member since:
    Dec 2015

    Posted 21 Nov 2016 in reply to Vessy Link to this post

    Thanks a ton Vessy.

    It's working.

Back to Top