Re: Context menu in Datatemplate - WPF Discussion Boards

Re: Clipping To Rounded Corners [modified]

13-Apr-09 5:27

I have the following code

<Border Margin="3,4,0,0" Height="205" VerticalAlignment="Top" BorderBrush="Black"
             BorderThickness="2" HorizontalAlignment="Left" Width="891" CornerRadius="8,8,8,8">
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
        <StackPanel.Clip>
            <RectangleGeometry Rect="0,0,891,205" RadiusX="8" RadiusY="8"></RectangleGeometry>
        </StackPanel.Clip>
        <Label Height="26" Name="label1" Width="205" HorizontalAlignment="Left" VerticalAlignment="Top"
                 HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Arial" FontSize="14"
                 FontStyle="Italic" FontWeight="Bold" Content="Contacts" Background="Black" Foreground="LightSteelBlue"
                 ClipToBounds="True">
            <Label.LayoutTransform>
                <RotateTransform Angle="270" />
            </Label.LayoutTransform>
        </Label>
        <telerik:RadGridView  Name="gridviewContacts" AllowDrop="False" Height="203" VerticalAlignment="Top"
                 Margin="0,0,0,0" AutoGenerateColumns="False" FontFamily="Arial" ClipToBounds="False"
                 Width="863">
            <telerik:Theming.Theme>
                <telerik:VistaTheme />
            </telerik:Theming.Theme>
        </telerik:RadGridView>
    </StackPanel>
</Border>

Essentially, I have a Border that contains a horizontally oriented StackPanel that contains a Label and a Telerik RadGridView. I want to put rounded corners on the Border element, and clip all of the other elements within the Border to not render outside the rounded corners.

The code above contains my latest non-working attempt. I tried to use the ClipToBounds property, but that doesn't seem to do anything.

"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

Eslam Afifi13-Apr-09 7:42

Eslam Afifi

13-Apr-09 7:42

I found this, Clipping of child elements[^].

<local:ClippingBorder Margin="3,4,0,0" Height="205" VerticalAlignment="Top" BorderBrush="Black" BorderThickness="4" HorizontalAlignment="Left"
                      Width="891" CornerRadius="80">
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
        <Label Height="26" Name="label1" Width="205" HorizontalAlignment="Left" VerticalAlignment="Top"
               HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Arial" FontSize="14"
               FontStyle="Italic" FontWeight="Bold" Content="Contacts" Background="Black" Foreground="LightSteelBlue">
            <Label.LayoutTransform>
                <RotateTransform Angle="270" />
            </Label.LayoutTransform>
        </Label>
        <Rectangle Fill="Blue" Width="1000" Height="500" Opacity="0.4" />
    </StackPanel>
</local:ClippingBorder>

Eslam Afifi

modified on Monday, April 13, 2009 2:12 PM

Re: Clipping To Rounded Corners

Mark Salsbery13-Apr-09 9:45

Re: Clipping To Rounded Corners

13-Apr-09 9:45

It tries to clip - just in a braindead way.

For example:

<Border Height="100" VerticalAlignment="Top" BorderBrush="Black"
         BorderThickness="2" HorizontalAlignment="Left" Width="300" CornerRadius="20">
    <StackPanel Orientation="Horizontal" Background="SteelBlue" >
        <StackPanel.Clip>
            <RectangleGeometry Rect="0,0,300,100" RadiusX="20" RadiusY="20" />
        </StackPanel.Clip>
        <Label Height="26" Name="label1" Width="100" HorizontalAlignment="Left" VerticalAlignment="Top"
             HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Arial" FontSize="14"
             FontStyle="Italic" FontWeight="Bold" Content="Contacts" Background="Black" Foreground="LightSteelBlue" >
            <Label.LayoutTransform>
                <RotateTransform Angle="270" />
            </Label.LayoutTransform>
        </Label>
    </StackPanel>
</Border>

Monkeying with the radius values, sometimes it does ok, sometimes it doesn't.

No bueno.

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

sivaddrahcir20-Apr-09 8:31

sivaddrahcir

20-Apr-09 8:31

Here is a possible solution:
http://chriscavanagh.wordpress.com/2008/10/03/wpf-easy-rounded-corners-for-anything/[^]

Blog:
http://windowsclientdevelopment.spaces.live.com
FAQs:
http://windowspresentationfoundation.wikispaces.com
http://windowsmobile.wikispaces.com
http://vsto.wikispaces.com

OnRenderComplete like event for WPF controls

Pankaj Chamria13-Apr-09 1:38

Pankaj Chamria

13-Apr-09 1:38

Hi,
I want to do some processing after knowing that a control has finished rendering. In windows forms we usually had events like OnRenderComplete with all the controls. But in WPF I found events like Loaded, Initialized, OnLayoutUpdated etc.. which do not inform you that the control has actually finished rendering on the UI.

Is there a way to identify this?

Pankaj Chamria,
Software Developer.

Context menu in Datatemplate

mikla52111-Apr-09 5:39

11-Apr-09 5:39

Next problem....

Here's some code
<DataTemplate x:Key="TestDataListTemplate">
<Border Margin="5" BorderThickness="1" BorderBrush="Black" CornerRadius="4">
<Grid Margin="5,2">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Text="{Binding Path=Usage}" Foreground="Black" FontWeight="Bold" FontFamily="Courier" FontSize="12"></TextBlock>
<TextBlock Grid.Row="1" FontFamily="Arial" Foreground="DarkBlue" Text="{Binding Path=Path, UpdateSourceTrigger=PropertyChanged}" FontSize="12"></TextBlock>
</Grid>
</Border>
</DataTemplate>
...which I use as a ListBoxItem.

If I want a context menu for each item like this, I manage to get the menu, editing the code to...
...<Grid Margin="5,2">
<Grid.ContextMenu>
<ContextMenu>
<MenuItem Header="Delete" />
</ContextMenu>
</Grid.ContextMenu>...

But how do I implement the click event???

Mark Salsbery11-Apr-09 7:42

Re: Context menu in Datatemplate [modified]

11-Apr-09 7:42

mikla521 wrote:
But how do I implement the click event???

Which click event?

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

mikla52111-Apr-09 19:54

11-Apr-09 19:54

Sorry....like this then...

<DataTemplate x:Key="TestDataListTemplate" >
...
<Grid Margin="5,2">
<Grid.ContextMenu>
<ContextMenu>
<MenuItem Header="Delete" Click="MenuItem_Click_DeleteProduct" />
</ContextMenu>
</Grid.ContextMenu>...

Error:ResourceDictionary root element requires a x:Class attribute...
If I add x:class="MyProgram.Window1" to <ResourceDictionary the i get this instead, among a few others...
Error: Partial declarations of MyProgram.Window1 must not specify different base classes....don't get it. Sigh | :sigh:

Well, it seems like I have more problems. The goal is to have ListBox with DataTemplate items, then I want a ContextMenu where I can choose to delete an item... Maybe I have to think in another way.

modified on Sunday, April 12, 2009 2:41 AM

Mark Salsbery13-Apr-09 8:47

13-Apr-09 8:47

Where is this DataTemplate resource located?

It looks like there's no problem with the template but there's a problem with where
the template an/or the click handler code is located...

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

mikla52113-Apr-09 21:11

13-Apr-09 21:11

I have created a separate file with my templates and style and use <ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="resourceDic.xaml"/>
</ResourceDictionary.MergedDictionaries>

Mark Salsbery14-Apr-09 7:00

14-Apr-09 7:00

You'll need an x:class set on your resource dictionary that references the
class containing the click handler.

For example:

<!-- Dictionary1.xaml -->

<ResourceDictionary 
    x:Class="WPFTester.DictionaryHandlerClass"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPFTester">

    <DataTemplate x:Key="TestDataListTemplate" DataType="{x:Type local:Item}">
        <Border BorderBrush="SteelBlue" BorderThickness="4" >
            <Grid Background="LightSteelBlue" Height="20" >
                <Grid.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="Delete" Click="MenuItem_Click" />
                    </ContextMenu>
                </Grid.ContextMenu>
            </Grid>
        </Border>
    </DataTemplate>

</ResourceDictionary>

// DictionaryHandlerClass.cs

using System;
using System.Windows;

namespace WPFTester
{
    public partial class DictionaryHandlerClass
    {
        private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
        }
    }
}

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

mikla52114-Apr-09 20:11

14-Apr-09 20:11

Ok, thanks Smile | :)

I tried that before but it doesn't seems like it's possible to use the startup Window1 class. Think I have to create a separate class behind my resource file and go from there...

Mark Salsbery14-Apr-09 20:23

Styles - Where Do I Put them?

14-Apr-09 20:23

mikla521 wrote:
it doesn't seems like it's possible to use the startup Window1 class

Yes. ResourceDictionary is a different class than Window Smile | :)

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

Inheritence in XAML

0x3c010-Apr-09 9:09

0x3c0

10-Apr-09 9:09

I've recently decided to look into adding the ability to load WPF Windows to one of my pet projects. I also want to allow it to process speech, and other goodies. To achieve this, I've created a new class in my 'host' Windows Forms application, which inherits from System.Windows.Window. The requirements for a Window to be loaded are:

It must have an attribute which contains the name, category, etc.
It must inherit from my custom class

I have no problem with the first one, but the second one is where I fall down. I have added a reference to the 'host' application in the 'parasite' (sorry, don't know how else to describe it) application, and changed the C# back-end class to inherit from my custom class. When I try to build, I get this error

Partial declarations of 'SampleWPFMiniApp.wndMain' must not specify different base classes

I presume the designer is similar to that of Windows Forms in that the code is split between XAML and code. How would I specify the correct base class in XAML? For what it's worth, the base class I specified in my C# code is Host.ShellComponents.ParasiteWindow

Re: Inheritence in XAML

0x3c010-Apr-09 9:24

0x3c0

10-Apr-09 9:24

There's no need to worry about my original post. By adding xmlns:src="clr-namespace:Host.ShellComponents.ParasiteWindow;assembly=Host" along with the other xmlns XAML, and then setting the root element to src:ParasiteWindow, I can compile successfully. But now I have another problem. How do I host a WPF Window (or equivalent) in a Windows Form? I've been trying to use the System.Windows.Interop.WindowInteropHelper class, and this shows the Window, but not as a child of the Windows Forms host

#realJSOP10-Apr-09 8:57

10-Apr-09 8:57

I have the following style:

<Style TargetType="{x:Type Image}" >
    <Style.Triggers>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button},
                        AncestorLevel=1}, Path=IsEnabled}" Value="False">
            <Setter Property="Opacity" Value="0.40" />
        </DataTrigger>
    </Style.Triggers>
</Style>

Where do I put it if I want it to be global to the application, and how do I get to it once it's there?

R2B210-Apr-09 9:15

R2B2

10-Apr-09 9:15

App.xaml

#realJSOP10-Apr-09 10:21

10-Apr-09 10:21

I tried that and it kept telling me something about content already having been defined. BTW, I was trying to put it inside the Application.Resources element.

R2B210-Apr-09 10:59

R2B2

10-Apr-09 10:59

Currently the way you have it defined

<style targettype="{x:Type Image}"></style>

this assigns this style to all of the image types within the scope. If you have this definition elsewhere (Window.Resources or elsewhere) you could have a conflict. If you want to have it only affect a select few controls you can add a key to it reference it on the controls you want it to be used on.

Have you looked at WPF Themes project? http://http://www.codeplex.com/wpfthemes[^] I believe they are doing something similar to what you want.

Richard

Mark Salsbery10-Apr-09 9:31

10-Apr-09 9:31

You can find a description of the resource lookup behavior here:

WPF: Resources Overview[^]

That may help you coose the most appropriate place.

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

#realJSOP10-Apr-09 10:22

10-Apr-09 10:22

I've already been there and it was no help.

Wes Aday10-Apr-09 19:42

Wes Aday

10-Apr-09 19:42

John Simmons / outlaw programmer wrote:
global to the application

If I have a style or template that I want to be global I use a MergedDictionary, for example.

<Application.Resources>
       <ResourceDictionary>
           <ResourceDictionary.MergedDictionaries>
               <ResourceDictionary Source="Dictionaries\Styles.xaml" />
           </ResourceDictionary.MergedDictionaries>
       </ResourceDictionary>
   </Application.Resources>

John Simmons / outlaw programmer wrote:
how do I get to it once it's there

You would access the style/template using the key you define for it.
Resource dictionary:

 <ControlTemplate x:Key="NormalButtonTemplate" TargetType="{x:Type Button}">
snip...
 </ControlTemplate>

Then in your xaml you would assign it using the key in this case:

<Button Template="{DynamicResource NormalButtonTemplate}" />

Hope that helps

Why is common sense not common?
Never argue with an idiot. They will drag you down to their level where they are an expert.
Sometimes it takes a lot of work to be lazy
Individuality is fine, as long as we do it together - F. Burns

Help humanity, join the CodeProject grid computing team here

ctnightmare13-Apr-09 9:56

ctnightmare

13-Apr-09 9:56

It is possible to put your Style in the App.xaml with the <application.resources> and that will put your style at the application level and in order to access it you can Style="{StaticResource (Name Here)}" and that will get your Style from the application resources.