topic Re: How to add a cancel button in FeatureDataForm? in ArcGIS API for Silverlight Questions

How to add a cancel button in FeatureDataForm?

XiujuZhou — Tue, 02 Nov 2010 13:48:33 GMT

I need to add a button in FeatureDataForm in order to cancel the graphic just added on graphic layer. Is that possible and how to add it in Expression Blend?

Re: How to add a cancel button in FeatureDataForm?

JenniferNery — Tue, 02 Nov 2010 14:04:20 GMT

Here's a blog on how you can customize the look and feel of ArcGIS controls http://blogs.esri.com/Dev/blogs/silverlightwpf/archive/2010/05/20/Use-control-templates-to-customize-the-look-and-feel-of-ArcGIS-controls.aspx

It's similar steps except you choose FeatureDataForm

Re: How to add a cancel button in FeatureDataForm?

XiujuZhou — Tue, 02 Nov 2010 16:29:06 GMT

Thanks Jennifer. I still cannot add a button to it. the FeatureDataForm is kind of one control, the Apply button cannot be seen, and my button cannot be inserted into FeatureDataForm.

Here's a blog on how you can customize the look and feel of ArcGIS controls http://blogs.esri.com/Dev/blogs/silverlightwpf/archive/2010/05/20/Use-control-templates-to-customize-the-look-and-feel-of-ArcGIS-controls.aspx

It's similar steps except you choose FeatureDataForm

Re: How to add a cancel button in FeatureDataForm?

AliMirzabeigi — Sat, 11 Dec 2021 13:11:49 GMT

Look for the following section of FeatureDataForm default control template. I have added a "CancelButton" on the left side of "CommitButton", i.e.

<Button x:Name="CancelButton" Content="Cancel" Grid.Column="0" HorizontalAlignment="Right" HorizontalContentAlignment="Center" Margin="0,0,12,0" MinWidth="75" MinHeight="22" Style="{TemplateBinding CommitButtonStyle}" Visibility="Visible" VerticalAlignment="Center" VerticalContentAlignment="Center"/>

...
<Grid Height="166" Width="246">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ScrollViewer Background="{x:Null}" IsTabStop="False" Padding="{TemplateBinding Padding}" Style="{StaticResource CustomScrollViewerStyle}" VerticalScrollBarVisibility="Auto">
<ContentPresenter x:Name="ContentPresenter" Margin="12,12,6,12"/>
</ScrollViewer>
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button x:Name="CancelButton" Content="Cancel" Grid.Column="0" HorizontalAlignment="Right" HorizontalContentAlignment="Center" Margin="0,0,12,0" MinWidth="75" MinHeight="22" Style="{TemplateBinding CommitButtonStyle}" Visibility="Visible" VerticalAlignment="Center" VerticalContentAlignment="Center"/>
<Button x:Name="CommitButton" Content="{TemplateBinding CommitButtonContent}" Grid.Column="1" HorizontalAlignment="Right" HorizontalContentAlignment="Center" Margin="0,0,12,0" MinWidth="75" MinHeight="22" Style="{TemplateBinding CommitButtonStyle}" Visibility="Collapsed" VerticalAlignment="Center" VerticalContentAlignment="Center"/>
</Grid>
</Grid>...

Re: How to add a cancel button in FeatureDataForm?

XiujuZhou — Wed, 03 Nov 2010 16:11:36 GMT

Thank you Ali. I am wondering why my xaml code of FeatureDataForm copied from Resource center is just black box:
<esri:FeatureDataForm x:Name="MyFeatureDataForm" FeatureLayer="{Binding Path=Layers[PointLayer], ElementName=MyMap}" IsReadOnly="False" LabelPosition="Left" />

How can I convert the code to be style like yours? then I can add the button.

Re: How to add a cancel button in FeatureDataForm?

AliMirzabeigi — Wed, 03 Nov 2010 16:28:17 GMT

You can use Expression Blend and right-click on your FeatureDataForm and select "Edit Template" --> "Edit a copy...", then you will get the default control template for your FeatureDataForm. Switch to the XAML view and look for the "CommitButton" button. Jennifer shared a very good URL on how to do the styling in Blend, you can also look into that page.

Re: How to add a cancel button in FeatureDataForm?

XiujuZhou — Wed, 03 Nov 2010 18:32:19 GMT

Thank you very much, Ali! the way you provide is great! that is what I am looking for.

You can use Expression Blend and right-click on your FeatureDataForm and select "Edit Template" --> "Edit a copy...", then you will get the default control template for your FeatureDataForm. Switch to the XAML view and look for the "CommitButton" button. Jennifer shared a very good URL on how to do the styling in Blend, you can also look into that page.