We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

CardView Border Removal

Thread ID:





120972 Oct 30,2015 08:45 AM UTC Nov 4,2015 04:44 AM UTC WPF 5
Tags: CardView
Durendal Huynh
Asked On October 30, 2015 08:45 AM UTC


Please advise how to remove the border around the Card View item for a cleaner look. Thank you.

Muthukumar A [Syncfusion]
Replied On November 2, 2015 07:29 AM UTC

Hi Durendal,

Thank you for contacting Syncfusion support.

Query: Please advise how to remove the border around the Card View item.

Since we are not sure about your requirement, we have created a sample with our CardView. You can download the sample from below location.

Sample link:

In this sample CardView has been loaded with both ItemsSource and CardViewItem in two views.
Could you please check the sample and provide us some specific information about the requirement?

Muthukumar A

Ashwini Paranthaman [Syncfusion]
Replied On November 3, 2015 07:01 AM UTC

From: Durendal Huynh

Sent: 11/02/2015 07:42 PM
To: Syncfusion Support
Subject: RE: Syncfusion support community forum 120972, CardView Border Removal, has been updated.

Thank you for getting back to me.  I need to have each card to have 1 color.   The added code below painted the Header and the Item brown, but the white  sections/borders  remain.  How do I make each card solid color please.

        <syncfusion:CardView ItemsSource="{Binding Persons}" >

            <syncfusion:CardView.HeaderTemplate >


                    <TextBlock Background="#FF6A2B2B" Foreground="White" >


                            <MultiBinding StringFormat="{}{0} {1}">

                                <Binding Path="FirstName" />

                                <Binding Path="LastName" />













                            <ColumnDefinition Width="Auto"/>

                            <ColumnDefinition Width="*"/>


                        <TextBlock  Background="#FF6A2B2B" Foreground="White"  Text="Gender :" Grid.Row="0" Grid.Column="0"/>

                        <TextBlock  Background="#FF6A2B2B" Foreground="White"  Text="{Binding Gender}" Grid.Row="0" Grid.Column="1"/>





Vijayalakshmi Roopkumar [Syncfusion]
Replied On November 3, 2015 11:47 AM UTC

Hi Durendal,

Thank you for your update,

We have modified our sample which tries to meet your requirement. In this sample, we have edited the Margin of the Header contentpresenter in the CardViewItem style and you can change the style as per your requirement. Please download the sample from the following location:


Please let us know if you have any other concerns,

Vijayalakshmi V.R.

Durendal Huynh
Replied On November 3, 2015 08:25 PM UTC

Thank you, Muthukumar.  This works very well for me.  The cardview is now very crisp and modern.

Muthukumar A [Syncfusion]
Replied On November 4, 2015 04:44 AM UTC

Hi Durendal,

Thank you for the update.
Please let us know if you need any other assistance

Muthukumar A


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon