Adding Button to RadChart MarkedZone

[Christopher Bier]

Hi,

I am trying to add a button to the template of a RadChart MarkedZone, see code below:

<telerikCharting:MarkedZone x:Name="MarkedZone" 
			StartX="1.5" 
			EndX="4.5"
 			Background="#7ED3D3D3" 
			StrokeThickness="1" 
			Stroke="Gray" >
	<telerikCharting:MarkedZone.Template>
		<ControlTemplate TargetType="telerikCharting:MarkedZone" >
			<Border x:Name="MarkedZoneBorder" 
																	Margin="{TemplateBinding ElementMargin}" 
																	BorderBrush="Gray" 
																	BorderThickness="1" 
																	Background="{TemplateBinding Background}">
				<Grid x:Name="MarkedZoneBorderGrid">
					<Grid.RowDefinitions>
						<RowDefinition Height="Auto" />
						<RowDefinition Height="*" />
					</Grid.RowDefinitions>
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="*" />
						<ColumnDefinition Width="Auto" />
					</Grid.ColumnDefinitions>
					<TextBlock Margin="10" 
																	   				Text="Culture Cycle Members" />
					<Button Grid.Column="1"
						Margin="10" 
																				Cursor="Hand" 
																				Command="{Binding DoSomething}"  />
 				</Grid>
			</Border>
		</ControlTemplate>
	</telerikCharting:MarkedZone.Template>
</telerikCharting:MarkedZone>

The button (and TextBlock) shows up fine but are unable to be clicked by the User (no Hand Cursor either)
I assume this is because there is another UI element sitting over the top of it?
Is there any other way to do this to allow the button to be clicked?

Thanks,
Chris

[Evgenia]

Hi Christopher,

Your question was answered in the Support thread you've started - Ticket ID: 447825. Please keep the conversation in a single thread so that it's easier for you and us to follow it.

Best wishes,
Evgenia
the Telerik team

[Abdul]

Can you please provide me the solution to the issue? I have a button in the MarkedZone but I cannot get the clicked event.

[Christopher Bier]

Hi Abdul,

Solution from Telerik:
To be able to click on the button and the TextBox inside the MarkedZones you should retemplate the Chart Area and put the Annotations Layer within the Zoom Layer.

Thanks,
Chris

[Evgenia]

Hi Abdul,

The sample project attached demonstrates how you can achieve this by retemplating the ChartArea style (as Christopher mentioned - you'll need to put the Annotations Layer within the Zoom Layer).

Greetings,
Evgenia
the Telerik team