Xceed Logo
Shop
Xceed Toolkit Plus for WPF v5.0 Documentation
Xceed.Wpf.Toolkit Assembly / Xceed.Wpf.Toolkit Namespace / TimelinePanel Class
Members Example


In This Topic
    TimelinePanel Class
    In This Topic
    Represents a WPF panel that arranges its children along a timeline, based on the Date attached property of each item.
    Syntax
    'Declaration
 
<LocalizabilityAttribute(LocalizationCategory.Ignore)>
<ContentPropertyAttribute("Children")>
<StyleTypedPropertyAttribute(Property="FocusVisualStyle", StyleTargetType=System.Windows.Controls.Control)>
<XmlLangPropertyAttribute("Language")>
<UsableDuringInitializationAttribute(True)>
<RuntimeNamePropertyAttribute("Name")>
<UidPropertyAttribute("Uid")>
<TypeDescriptionProviderAttribute(MS.Internal.ComponentModel.DependencyObjectProvider)>
<NameScopePropertyAttribute("NameScope", System.Windows.NameScope)>
Public Class TimelinePanel 
   Inherits System.Windows.Controls.Panel
    'Usage
 
Dim instance As TimelinePanel
    [Localizability(LocalizationCategory.Ignore)]
[ContentProperty("Children")]
[StyleTypedProperty(Property="FocusVisualStyle", StyleTargetType=System.Windows.Controls.Control)]
[XmlLangProperty("Language")]
[UsableDuringInitialization(true)]
[RuntimeNameProperty("Name")]
[UidProperty("Uid")]
[TypeDescriptionProvider(MS.Internal.ComponentModel.DependencyObjectProvider)]
[NameScopeProperty("NameScope", System.Windows.NameScope)]
public class TimelinePanel : System.Windows.Controls.Panel
    Remarks
    The UnitSize and UnitTimeSpan properties are used to determine how much space (UnitSize, in pixels) is used in the representation of an item on the TimelinePanel by each multiple of a given timespan (UnitTimeSpan). For example, on a TimelinePanel in which UnitSize is set to 5.0 (pixels) and UnitTimeSpan is set to 12 hours, an element that lasts 14 days (336 hours) would be 140 pixels wide:
    • 336 / 12 = 28 intervals of 12 hours
    • 28 * 5 = 140
    These properties must be used in conjunction and with valid values for them to work properly.
    Example
    The following example shows how to create a TimeLinePanel containing a few images. Setting the Date attached property of the items the timeline contains determines where they are placed on the timeline.
    <xctk:TimelinePanel BeginDate="01/01/2007" EndDate="12/31/2007">
  <Image Margin="5,5,5,5" Width="100" xctk:TimelinePanel.Date="02/01/2007"
      Source="C:\Windows\Web\Wallpaper\Landscapes\img8.jpg" />
  <Image Margin="5,5,5,5" Width="100" xctk:TimelinePanel.Date="03/31/2007"
      Source="C:\Windows\Web\Wallpaper\Landscapes\img8.jpg" />
  <Image Margin="5,5,5,5" Width="100" xctk:TimelinePanel.Date="07/06/2007"
      Source="C:\Windows\Web\Wallpaper\Landscapes\img8.jpg" />
  <Image Margin="5,5,5,5" Width="100" xctk:TimelinePanel.Date="10/02/2007"
      Source="C:\Windows\Web\Wallpaper\Landscapes\img8.jpg" />
</xctk:TimelinePanel>
    Inheritance Hierarchy

    System.Object
       System.Windows.Threading.DispatcherObject
          System.Windows.DependencyObject
             System.Windows.Media.Visual
                System.Windows.UIElement
                   System.Windows.FrameworkElement
                      System.Windows.Controls.Panel
                         Xceed.Wpf.Toolkit.TimelinePanel

    Requirements

    See Also

    Reference

    TimelinePanel Members
    Xceed.Wpf.Toolkit Namespace

    Send Feedback