# C1.WPF.C1HyperPanel

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_WPF_C1HyperPanel" data-uid="C1.WPF.C1HyperPanel" class="text-break">C1HyperPanel Class
</h1>
  <div class="markdown level0 summary"><p>Arranges child elements in a stack and applies a dynamic zoom effect to the elements near the mouse.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.threading.dispatcherobject">DispatcherObject</a></div>
    <div class="level2"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.dependencyobject">DependencyObject</a></div>
    <div class="level3"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.media.visual">Visual</a></div>
    <div class="level4"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.uielement">UIElement</a></div>
    <div class="level5"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.frameworkelement">FrameworkElement</a></div>
    <div class="level6"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.controls.panel">Panel</a></div>
    <div class="level7"><span class="xref">C1HyperPanel</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.media.animation.ianimatable">IAnimatable</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.iframeworkinputelement">IFrameworkInputElement</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.iinputelement">IInputElement</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.componentmodel.isupportinitialize">ISupportInitialize</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.markup.iqueryambient">IQueryAmbient</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.markup.iaddchild">IAddChild</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.WPF.html">C1.WPF</a></h6>
  <h6><strong>Assembly</strong>: C1.WPF.4.6.2.dll</h6>
  <h5 id="C1_WPF_C1HyperPanel_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1HyperPanel : Panel, IAnimatable, IFrameworkInputElement, IInputElement, ISupportInitialize, IQueryAmbient, IAddChild</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1HyperPanel
    Inherits Panel
    Implements IAnimatable, IFrameworkInputElement, IInputElement, ISupportInitialize, IQueryAmbient, IAddChild</code></pre>
  </div>
  <h5 id="C1_WPF_C1HyperPanel_remarks"><strong>Remarks</strong></h5>
  <div class="markdown level0 remarks"><pre><code>&lt;p&gt;The &lt;xref href=&quot;C1.Silverlight.C1HyperPanel&quot; data-throw-if-not-resolved=&quot;false&quot;&gt;&lt;/xref&gt; is similar to a &lt;xref href=&quot;System.Windows.Controls.StackPanel&quot; data-throw-if-not-resolved=&quot;false&quot;&gt;&lt;/xref&gt;, except is applies
</code></pre>
<p>a dynamic zoom effect as the user moves the mouse over the panel. Child elements near the mouse appear
in their normal size, and elements away from the mouse are scaled down and appear smaller.</p>
<p>Use the <span class="xref">C1.Silverlight.C1HyperPanel.Distribution</span> and <span class="xref">C1.Silverlight.C1HyperPanel.MinElementScale</span> properties to control the
intensity of the zoom effect.</p>
<p>Use the <span class="xref">C1.Silverlight.C1HyperPanel.ApplyOpacity</span> property to make elements far from the mouse appear faded.</p>
<p>Use <a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.frameworkelement.verticalalignment">VerticalAlignment</a> and <a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.frameworkelement.horizontalalignment">HorizontalAlignment</a>
properties on the child elements to determine how they should be aligned within the <span class="xref">C1.Silverlight.C1HyperPanel</span>.</p>
<p>In order to apply the zooming effect efficiently, the <span class="xref">C1.Silverlight.C1HyperPanel</span> takes over the
<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.uielement.rendertransform">RenderTransform</a> property of its child elements. If you want to apply your own
transforms to the child elements, place them in another panel before adding them to the
<span class="xref">C1.Silverlight.C1HyperPanel</span>.</p>
<p>Note that some native Silverlight elements (such as the <a class="xref" href="https://learn.microsoft.com/dotnet/api/system.windows.controls.button">Button</a> control) do not
always auto-size correctly. You should set the width and height of these elements explicitly before
adding them to the <span class="xref">C1.Silverlight.C1HyperPanel</span>.</p>
</div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_C1HyperPanel__ctor" data-uid="C1.WPF.C1HyperPanel.#ctor">
          <a class="xref" href="C1.WPF.C1HyperPanel.-ctor.html#C1_WPF_C1HyperPanel__ctor">C1HyperPanel()</a>
        </td>
        <td class="markdown level1 summary"><p>Initializes a new instance of a <a class="xref" href="C1.WPF.C1HyperPanel.html">C1HyperPanel</a>.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="fields">Fields
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_C1HyperPanel_ApplyOpacityProperty" data-uid="C1.WPF.C1HyperPanel.ApplyOpacityProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.ApplyOpacityProperty.html">ApplyOpacityProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.ApplyOpacity.html#C1_WPF_C1HyperPanel_ApplyOpacity">ApplyOpacity</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_CenterProperty" data-uid="C1.WPF.C1HyperPanel.CenterProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.CenterProperty.html">CenterProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.Center.html#C1_WPF_C1HyperPanel_Center">Center</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_DistributionProperty" data-uid="C1.WPF.C1HyperPanel.DistributionProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.DistributionProperty.html">DistributionProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.Distribution.html#C1_WPF_C1HyperPanel_Distribution">Distribution</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_HorizontalContentAlignmentProperty" data-uid="C1.WPF.C1HyperPanel.HorizontalContentAlignmentProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.HorizontalContentAlignmentProperty.html">HorizontalContentAlignmentProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.HorizontalContentAlignment.html#C1_WPF_C1HyperPanel_HorizontalContentAlignment">HorizontalContentAlignment</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_MinElementScaleProperty" data-uid="C1.WPF.C1HyperPanel.MinElementScaleProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.MinElementScaleProperty.html">MinElementScaleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.MinElementScale.html#C1_WPF_C1HyperPanel_MinElementScale">MinElementScale</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_OrientationProperty" data-uid="C1.WPF.C1HyperPanel.OrientationProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.OrientationProperty.html">OrientationProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.Orientation.html#C1_WPF_C1HyperPanel_Orientation">Orientation</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_VerticalContentAlignmentProperty" data-uid="C1.WPF.C1HyperPanel.VerticalContentAlignmentProperty">
          <a class="xref" href="C1.WPF.C1HyperPanel.VerticalContentAlignmentProperty.html">VerticalContentAlignmentProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.WPF.C1HyperPanel.VerticalContentAlignment.html#C1_WPF_C1HyperPanel_VerticalContentAlignment">VerticalContentAlignment</a> dependency property.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_C1HyperPanel_ApplyOpacity" data-uid="C1.WPF.C1HyperPanel.ApplyOpacity">
          <a class="xref" href="C1.WPF.C1HyperPanel.ApplyOpacity.html#C1_WPF_C1HyperPanel_ApplyOpacity">ApplyOpacity</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value between zero and one that determines the minimum scale to be applied to elements when they are away from the center.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_Center" data-uid="C1.WPF.C1HyperPanel.Center">
          <a class="xref" href="C1.WPF.C1HyperPanel.Center.html#C1_WPF_C1HyperPanel_Center">Center</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the center of the <a class="xref" href="C1.WPF.C1HyperPanel.html">C1HyperPanel</a> as a percentage of the control size.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_Distribution" data-uid="C1.WPF.C1HyperPanel.Distribution">
          <a class="xref" href="C1.WPF.C1HyperPanel.Distribution.html#C1_WPF_C1HyperPanel_Distribution">Distribution</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value between 0.1 and 1.0 that controls how much zooming should be applied to elements near the center.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_HorizontalContentAlignment" data-uid="C1.WPF.C1HyperPanel.HorizontalContentAlignment">
          <a class="xref" href="C1.WPF.C1HyperPanel.HorizontalContentAlignment.html#C1_WPF_C1HyperPanel_HorizontalContentAlignment">HorizontalContentAlignment</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the horizontal alignment of the panel's content.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_MinElementScale" data-uid="C1.WPF.C1HyperPanel.MinElementScale">
          <a class="xref" href="C1.WPF.C1HyperPanel.MinElementScale.html#C1_WPF_C1HyperPanel_MinElementScale">MinElementScale</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value between zero and one that determines the minimum scale to be applied to elements when they are away from the center.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_Orientation" data-uid="C1.WPF.C1HyperPanel.Orientation">
          <a class="xref" href="C1.WPF.C1HyperPanel.Orientation.html#C1_WPF_C1HyperPanel_Orientation">Orientation</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that indicates the dimension by which child elements are stacked.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_VerticalContentAlignment" data-uid="C1.WPF.C1HyperPanel.VerticalContentAlignment">
          <a class="xref" href="C1.WPF.C1HyperPanel.VerticalContentAlignment.html#C1_WPF_C1HyperPanel_VerticalContentAlignment">VerticalContentAlignment</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the vertical alignment of the panel's content.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_C1HyperPanel_ArrangeOverride_System_Windows_Size_" data-uid="C1.WPF.C1HyperPanel.ArrangeOverride(System.Windows.Size)">
          <a class="xref" href="C1.WPF.C1HyperPanel.ArrangeOverride.html#C1_WPF_C1HyperPanel_ArrangeOverride_System_Windows_Size_">ArrangeOverride(Size)</a>
        </td>
        <td class="markdown level1 summary"><p>Positions child elements and determines a size for the element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_C1HyperPanel_MeasureOverride_System_Windows_Size_" data-uid="C1.WPF.C1HyperPanel.MeasureOverride(System.Windows.Size)">
          <a class="xref" href="C1.WPF.C1HyperPanel.MeasureOverride.html#C1_WPF_C1HyperPanel_MeasureOverride_System_Windows_Size_">MeasureOverride(Size)</a>
        </td>
        <td class="markdown level1 summary"><p>Measures the size in layout required for child elements and determines a size for the element.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="extensionmethods">Extension Methods</h3>
  <div>
      <a class="xref" href="C1.WPF.Extensions.FindParent.html#C1_WPF_Extensions_FindParent__1_System_Windows_FrameworkElement_">Extensions.FindParent&lt;T&gt;(FrameworkElement)</a>
  </div>
  <div>
      <a class="xref" href="C1.WPF.Extensions.GetAllParents.html#C1_WPF_Extensions_GetAllParents_System_Windows_FrameworkElement_">Extensions.GetAllParents(FrameworkElement)</a>
  </div>
  <div>
      <a class="xref" href="C1.WPF.Extensions.GetVisualStateGroup.html#C1_WPF_Extensions_GetVisualStateGroup_System_Windows_FrameworkElement_System_String_">Extensions.GetVisualStateGroup(FrameworkElement, string)</a>
  </div>
  <div>
      <a class="xref" href="C1.WPF.Extensions.SetBinding.html#C1_WPF_Extensions_SetBinding__1_System_Windows_FrameworkElement_System_Windows_DependencyProperty___0_System_Linq_Expressions_Expression_System_Func___0_System_Object___">Extensions.SetBinding&lt;T&gt;(FrameworkElement, DependencyProperty, T, Expression&lt;Func&lt;T, object&gt;&gt;)</a>
  </div>
  <div>
      <a class="xref" href="C1.WPF.Extensions.SetBinding.html#C1_WPF_Extensions_SetBinding__1_System_Windows_FrameworkElement_System_Windows_DependencyProperty___0_System_Linq_Expressions_Expression_System_Func___0_System_Object___System_Windows_Data_IValueConverter_">Extensions.SetBinding&lt;T&gt;(FrameworkElement, DependencyProperty, T, Expression&lt;Func&lt;T, object&gt;&gt;, IValueConverter)</a>
  </div>
  <div>
      <a class="xref" href="C1.WPF.Extensions.C1TransformToVisual.html#C1_WPF_Extensions_C1TransformToVisual_System_Windows_UIElement_System_Windows_UIElement_">Extensions.C1TransformToVisual(UIElement, UIElement)</a>
  </div>

</div>
