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 : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

CardView Border Removal

Thread ID:

Created:

Updated:

Platform:

Replies:

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

Hello,

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:
CardViewSample_120972

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?

Regards,
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 >

                <DataTemplate>

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

                        <TextBlock.Text>

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

                                <Binding Path="FirstName" />

                                <Binding Path="LastName" />

                            </MultiBinding>

                        </TextBlock.Text>

                    </TextBlock>

                </DataTemplate>

            </syncfusion:CardView.HeaderTemplate>

            <syncfusion:CardView.ItemTemplate>

                <DataTemplate>

                    <Grid>

                        <Grid.RowDefinitions>

                            <RowDefinition/>

                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition Width="Auto"/>

                            <ColumnDefinition Width="*"/>

                        </Grid.ColumnDefinitions>

                        <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"/>

                    </Grid>

                </DataTemplate>

            </syncfusion:CardView.ItemTemplate>

        </syncfusion:CardView>




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:

Sample:CardViewSample_Modified

Please let us know if you have any other concerns,

Regards,
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

Regards,
Muthukumar A

CONFIRMATION

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.

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

;