ListView Shadow Affect Around Cell/Item

3 posts, 1 answers
  1. Brian
    Brian avatar
    12 posts
    Member since:
    Apr 2018

    Posted 24 Jan 2019 Link to this post

        Hi T, I have a requirement to display a list of horizontal cards that have a shadow affect.  The card is just a grid with some icons and labels. The design calls for a shadow around each card to make them look elevated.   I immediately thought of RadBorder but it does not have that ability.  Currently I am using 2 Frame tags but I was told that can be expensive performance wise.  Has anyone achieved Shadowed bordering using Styles or maybe a renderer?

     

    Thanks,

    Brian

  2. Answer
    Yana
    Admin
    Yana avatar
    5013 posts

    Posted 28 Jan 2019 Link to this post

    Hi Brian,

    I have searched for possible solutions for adding shadow effect and found the following discussions on the topic:

    https://alexdunn.org/2018/06/06/xamarin-tip-dynamic-elevation-frames/
    https://stackoverflow.com/questions/42505696/xamarin-forms-shadow-on-frame-in-android

    Basically, you would need to wrap the items' content inside a Frame and implement custom renderers for the Frame on iOS and Android where the shadow could be defined.

    I have tried it with RadListView and the result was good, especially on iOS,  on Android it should be further improved.

    I have attached my test project here, so please download it and give it a try.

    I hope this would help you get started with the implementation.

    Regards,
    Yana
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Brian
    Brian avatar
    12 posts
    Member since:
    Apr 2018

    Posted 28 Jan 2019 in reply to Yana Link to this post

    Thanks for the assistance!  Everyone here is so quick to reply with solutions too! 

    Thank you,

    B

Back to Top