How to call out the uxcallout contol which is used in style ControlTemplate?

1 reply. Last post: November 23, 2010 3:22 AM by Handy Surya
Tags :
  • (None)
  • New Discussion
  • New Question
  • New Product Feedback
am amMember

I have some image dot in xaml which was dynamic added (<Image Height="10" Width="10" Source="/Assets/Images/dot.png"  Grid.Row="0" Grid.Column="0" VerticalAlignment="Top"></Image>).I have add MouseLeftButtonDown event to these images  (MouseLeftButtonDown += MouseClickMarker;) when i click one of these dynamic added images,i want to call out the callout contol,but I wrote the callout contol in style ,just like this.


<Style x:Name="SimpleBoatStyle" TargetType="Extentions:DInfoWindow">

        <Setter Property="RenderTransformOrigin" Value="0.5,0.5" />

        <Setter Property="AnchorPoint" Value="0.5,1.0" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="Extentions:DInfoWindow">

                    <Intersoft:UXCallOut x:Name="SampleControl1" HideLatency="0.20" DisplayAnimation="Fly" HideAnimation="Fly" PreferredPosition="Top"  IsOpen="False" HorizontalOffset="-44" PointerOffset="44" PointerPoint2="0,19" PointerPoint1="-19,0" PointerPoint3="-1,0"  BorderBrush="{x:Null}" CornerRadius="0" Padding="16" MouseLeaveAction="HidePopup" Margin="-8,-8,8,8">

                        <Intersoft:UXCallOut.CallOutEffect>

                            <DropShadowEffect Direction="300"/>

                        </Intersoft:UXCallOut.CallOutEffect>

                        <Intersoft:DockPanel FillChildMode="Custom"  Margin="3" >

                            <Intersoft:FieldLabel Content=""  Intersoft:DockPanel.Dock="Top" HorizontalAlignment="Left"  HorizontalContentAlignment="Left" Margin="6,0" FontWeight="Bold" />

                            <Intersoft:UXSeparator  Margin="3" HorizontalAlignment="Left"/>

                            <StackPanel Intersoft:DockPanel.Dock="Bottom" Orientation="Horizontal" Margin="0" HorizontalAlignment="Right"/>

                            <Intersoft:ContentReflector HorizontalAlignment="Left" Width="160" 

         VerticalContentAlignment="Bottom" Margin="8" VerticalAlignment="Top" Height="221" ContentHeight="191">

                                <Intersoft:ContentReflector.Effect>

                                    <DropShadowEffect ShadowDepth="0" BlurRadius="10"/>

                                </Intersoft:ContentReflector.Effect>

                                <Intersoft:ContentReflector.ReflectionBrush>

                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                                        <GradientStop Color="#80000000" Offset="1"/>

                                        <GradientStop Color="#00000000" Offset="0.695"/>

                                    </LinearGradientBrush>

                                </Intersoft:ContentReflector.ReflectionBrush>

                                <Intersoft:ImageLoader  Name="imageLoader2" ImageSource="/ClientMap;component/Assets/Images/Fiction_subjects_1.jpg" />

                            </Intersoft:ContentReflector>

                            <Intersoft:UXItemsControl Height="216" Width="281" Intersoft:DockPanel.Dock="Top" HorizontalAlignment="Left"  HorizontalContentAlignment="Left" >

                                <Intersoft:FieldLabel Header="userName:" HeaderForeground="White" Foreground="White" FontSize="12" HeaderFontSize="13">

                                    <Intersoft:EllipsisText Name="userName"  Text=""  Width="120" VerticalAlignment="Center" TooltipStyle="{StaticResource StylishLabelStyle1}" EllipsisPosition="Right" />

                                </Intersoft:FieldLabel>


                                <Intersoft:FieldLabel Header="description" HeaderForeground="White" Foreground="White" FontSize="12" HeaderFontSize="13">

                                    <Intersoft:EllipsisText Name="description"  Text=""  Width="120" VerticalAlignment="Center" TooltipStyle="{StaticResource StylishLabelStyle1}" EllipsisPosition="Right" />

                                </Intersoft:FieldLabel>

                            </Intersoft:UXItemsControl>

                        </Intersoft:DockPanel>

                    </Intersoft:UXCallOut>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    

Can someone help me???  

I know the UXCallOut.Header, but it can not meet my requirement!

All times are GMT -5. The time now is 7:44 AM.
Previous Next