CardView Border Removal

[Durendal Huynh]

Hello,

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

[Muthukumar A]

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]

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]

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]

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

[Muthukumar A]

Hi Durendal,

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

Regards,
Muthukumar A