How to show "selection box" around the node element when IsResizeable = false?

As title, is there anyway for me to show the selection box around the node element when I set the IsResizable = false?

Hello

For this you should provide a node style. Doing so is similar to providing node templates. Here is a blog post that details how to create and apply a node style. The blog post provides a block of xaml which is the default node style. Within the triggers of the style, you will find the following:

<Trigger Property="IsResizable" Value="False">
    <Setter TargetName="Resizer" Property="Visibility" Value="Collapsed" />
</Trigger>

Here you should change the setter to set the IsEnabled property to false. Let me know if you have any troubles.

Cheers
 - Jason

Hi Jason, thanks for your reply. I follow the links to the blog post, it does work! thanks.

However, here I have another question: Where can I get the default control templates of your Resizer?

I would like to style it differently than the default one and your blog post didn't mention how to achieve it.

Thanks. :)

Sorry, just noticed that there is a weird behaviour when moving the resizer, even though I'd set the "IsResizable" = false, it will still resize the node for me. Is this a bug?

[quote user="CooKies37"]

Hi Jason, thanks for your reply. I follow the links to the blog post, it does work! thanks.

However, here I have another question: Where can I get the default control templates of your Resizer?

I would like to style it differently than the default one and your blog post didn't mention how to achieve it.

Thanks. :)

[/quote]

Hello

Here are the default styles used by the Resizer. The first style is applied to the individual size-thumbs that make up the Resizer itself. The second style arranges the individual size-thumb and can be applied to the Resizer. Note you will want to change the x:Key of these styles. You will also need to apply the SizeThumb style to the SizeThumb instances within the Resizer. Let me know if there are any troubles.

<Style x:Key="{x:Type local:SizeThumb}" TargetType="local:SizeThumb">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="local:SizeThumb">
          <Canvas Width="7" Height="7" Background="Transparent">
            <Rectangle Fill="Black" Height="3" Width="8" Canvas.Left="0" Canvas.Top="0" Visibility="Collapsed" Name="RectTop" />
            <Rectangle Fill="Black" Height="3" Width="8" Canvas.Left="0" Canvas.Top="5" Visibility="Collapsed" Name="RectBottom" />
            <Rectangle Fill="Black" Height="7" Width="3" Canvas.Left="0" Canvas.Top="0" Visibility="Collapsed" Name="RectLeft" />
            <Rectangle Fill="Black" Height="7" Width="3" Canvas.Left="5" Canvas.Top="0" Visibility="Collapsed" Name="RectRight" />
          </Canvas>
          <ControlTemplate.Triggers>
            <Trigger Property="VerticalAlignment" Value="Top">
              <Setter TargetName="RectTop" Property="Visibility" Value="Visible" />
            </Trigger>
            <Trigger Property="VerticalAlignment" Value="Bottom">
              <Setter TargetName="RectBottom" Property="Visibility" Value="Visible" />
            </Trigger>
            <Trigger Property="HorizontalAlignment" Value="Left">
              <Setter TargetName="RectLeft" Property="Visibility" Value="Visible" />
            </Trigger>
            <Trigger Property="HorizontalAlignment" Value="Right">
              <Setter TargetName="RectRight" Property="Visibility" Value="Visible" />
            </Trigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <Style x:Key="{x:Type local:Resizer}" TargetType="local:Resizer">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="local:Resizer">
          <Grid>
            <local:SizeThumb Cursor="SizeNS" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0,-7,0,0" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeNWSE" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="-7,-7,0,0" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeWE" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="-7,0,0,0" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeNESW" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="-7,0,0,-7" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeNS" VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0,0,0,-7" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeNWSE" VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0,0,-7,-7" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeWE" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,0,-7,0" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
            <local:SizeThumb Cursor="SizeNESW" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,-7,-7,0" Element="{TemplateBinding Element}" IsEnabled="{TemplateBinding IsEnabled}" />
          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

As for the weird behavior with the Resizer, I have not been able to reproduce this. All is working as it should on my end. Would you be able to send a small sample showing the problem, or further explain what your doing?

Cheers
 - Jason