WPF Discussion Boards

Kevin Marois28-Jul-10 8:47

28-Jul-10 8:47

I have a collection of classes together that are formed together like tree. The whole collection is bound to a TreeView. One of the classes has a bool property called IsChanged:

public class ReportColumn
{
    public string ColumnName { get; set; }
    public object OriginalValue { get; set; }
    public object ChangedValue { get; set; }
    public bool IsChanged { get; set; }
}

In my XAML I created a DataTemplate for it:

<DataTemplate DataType="{x:Type local:ReportColumn}">
    <StackPanel Orientation="Horizontal">

        <!-- Column Name -->
        <TextBlock Margin="0,0,5,0" 
                    FontWeight="Bold">Name:</TextBlock>
        <TextBlock Text="{Binding Path=ColumnName}"></TextBlock>

        <!-- Original Value -->
        <TextBlock Margin="20,0,5,0" 
                    FontWeight="Bold">Original:</TextBlock>
        <TextBlock Text="{Binding Path=OriginalValue}"></TextBlock>

        <!-- Changed Value -->
        <TextBlock Margin="20,0,5,0" 
                    FontWeight="Bold">Change:</TextBlock>
        <TextBlock Text="{Binding Path=ChangedValue}"></TextBlock>

    </StackPanel>
</DataTemplate>

Then the whole thing is bound to the treeview. What I'd like is to make this node's foreground red when IsChanged is true. Can someone explain how to do this?

Everything makes sense in someone's mind

Need help with this control alignment issue

Michael Eber27-Jul-10 11:59

Michael Eber

27-Jul-10 11:59

I'm almost bald from pulling my hair out over this bug.
I have a WPF window which as a section defined as follows:

XML

<StackPanel Name="stackPaneln" Orientation="Horizontal" Margin="-1,29,0,54">
    <DockPanel Name="navigation" >
    <StackPanel Name="stackPanel1" Width="162" HorizontalAlignment="Left" Height="486">
        <Button Height="103" Name="configurationViewerRequest" Width="120" Margin="0,5" Click="configurationViewerRequest_Click">
            <StackPanel Orientation="Vertical">
                <Image Source="Configuration_icon_by_obsilion.png" Height="73" />
                <TextBlock Text="Configuration" TextAlignment="Center" Margin="0,5,0,0" />
            </StackPanel>
        </Button>
        <Button Height="100" Name="systemStatus" Width="120" Margin="0,5" Click="systemStatus_Click">
            <StackPanel Orientation="Vertical">
                <Image Source="SystemMonitor.png" Height="73" />
                <TextBlock Text="System Status" TextAlignment="Center" Margin="0,5,0,0" />
            </StackPanel>
        </Button>
        <Button Height="103" Name="systemMonitor" Width="120" Margin="0,5" Click="systemMonitor_Click">
            <StackPanel Orientation="Vertical">
                <Image Source="ViewInfo.png" Height="73" />
                <TextBlock Text="System Monitor" TextAlignment="Center" Margin="0,5,0,0" />
            </StackPanel>
        </Button>
    </StackPanel>
    </DockPanel>
    <DockPanel Name="destination" Margin="10,0,0,0" Width="608">
    </DockPanel>
</StackPanel>

The problem:

When one of the buttons in the Navigation panel is clicked, the user control that provides the functionality is loaded into the 'destination' dock panel. So I have a user control which has a treeview and an editor window. In the editor window I put a label with content = '<----the navigation of over there'

When the configuration button is clicked I create an instance of the editor, and do destination.Children.Add(controlEditor);
Problem: the control is shifted all the way to the right of the window (aligned with x=0 of the Window!!! instead of the DockPanel!!!!

Here is the xaml of the control I'm loading in case I screwed up there....

XML

<UserControl x:Class="SnmpBrowser.ConfigurationManager"
	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
	  mc:Ignorable="d" xmlns:ig="http://schemas.infragistics.com/xaml" d:DesignHeight="612" d:DesignWidth="800">

	<Grid>
		<DockPanel VerticalAlignment="Top" Height="536" Margin="12,12,640,64" >
		<TreeView >
			<TreeView.ContextMenu x:Uid="addItemContext">
				<ContextMenu Name="context" Opened= "context_Opened" >
					<MenuItem Name="header" Header="populated programmatically" >
						<MenuItem Name="newItem" Header="Add New " Click="newItem_Click" />
						<MenuItem Name="edit" Header="Edit....">
							
						</MenuItem>
					</MenuItem>
				</ContextMenu>
			</TreeView.ContextMenu>
			<TreeViewItem Header="Agent" MouseRightButtonDown="ContextMenuHandler" Uid="agent" MouseEnter="SetSelected" />
			<TreeViewItem Header="Devices" MouseRightButtonDown="ContextMenuHandler" Uid="device" MouseEnter="SetSelected" />
			<TreeViewItem Header="Mother" IsSelected="True" MouseRightButtonDown="ContextMenuHandler" Uid="mother" MouseEnter="SetSelected"></TreeViewItem>
			<TreeViewItem Header="System" MouseRightButtonDown="ContextMenuHandler" Uid="system" MouseEnter="SetSelected" />
		</TreeView>
		</DockPanel>
		<DockPanel Margin="0,12,12,0" Name="destination" VerticalAlignment="Top" Height="536" HorizontalAlignment="Right" Width="622">
			<Label Content="&lt;-------- the menu is over there!" Height="28" Name="label1" />
		</DockPanel>
		<ListBox Height="Auto" HorizontalAlignment="Stretch" Margin="12,552,0,0" Name="messages" VerticalAlignment="Stretch" Width="Auto" />

	</Grid>
</UserControl>

Re:control alignment issue solved

Michael Eber28-Jul-10 5:24

Michael Eber

28-Jul-10 5:24

After doing a few more tests it turns out that the work area was 600x400 but the user control was 600x800.
After resizing the user control to the area of the dock panel, everything displays properly.

Binding Question!

Jammer27-Jul-10 6:10

Jammer

27-Jul-10 6:10

Hey All,

Hope we're well. I'm just trying to bind the IsEnabled property of a button to an IsValid property on my IWizardPage. Can I work it out?

The IWizardPage is implemented on a UserControl that is hosted in a ContentControl on the same control as the button. I've tried various thing including AncestorType things ... I'm trying this at the moment with no luck:

IsEnabled="{Binding ElementName=WizardHost, Path=Content.IsValid, Converter={StaticResource textBoolConverter}}"

The converter is there just for a breakpoint opportunity at the moment ...

Jammer
My Blog | Articles | DMon | SampleSort

Re: Binding Question!

Ravi Mori28-Jul-10 0:44

Ravi Mori

28-Jul-10 0:44

Try something like this..

IsEnabled="{Binding Content.IsValid, ElementName=WizardHost, Converter={StaticResource textBoolConverter}}"

Re: Binding Question!

Pete O'Hanlon28-Jul-10 2:17

Pete O'Hanlon

28-Jul-10 2:17

I rather suspect that you don't need a converter in there mate - both of them should be boolean values.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

My blog | My articles | MoXAML PowerToys | Onyx

How to write small application that show 4 images in 3D ?

Yanshof27-Jul-10 3:22

Yanshof

27-Jul-10 3:22

I have 4 images of same object.
I want to write small WPF application that show that object in 3D - using the those images.

How can i do it ?
I don't find any example that teach how to do it Confused | :confused:

Thanks for any help Rose | [Rose]

Re: How to write small application that show 4 images in 3D ?

Abhinav S27-Jul-10 6:05

Abhinav S

27-Jul-10 6:05

See here. Maybe this[^] can help.

The funniest thing about this particular signature is that by the time you realise it doesn't say anything it's too late to stop reading it.

My latest tip/trick - Silverlight *.XCP files.

Visit the Hindi forum here.

How to stretch Colum header in WPF datagrid?

makumazan8427-Jul-10 0:06

makumazan84

27-Jul-10 0:06

Hi, guys!
I'm having a bit of a trouble with my columns' headers in WPF Datagrid. Some of them are too long, and horizontal stratching is not an option: there are too many of columns, and user will not be able to see full text in headers.
Here is what I'd like to do
I want header "Word1 word2 word3 word4 word5 word6"
to look like
"Word1 word2 word3
word4 word5 word6" - so it srteches vertically.

Thanks in advance

Re: How to stretch Colum header in WPF datagrid?

Pete O'Hanlon27-Jul-10 0:30

Pete O'Hanlon

27-Jul-10 0:30

I haven't tried it, but I should imagine that all you need to do is set a style with a TargetType of tk:DataGridColumnHeader, and set the TextWrapping in there.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

My blog | My articles | MoXAML PowerToys | Onyx

How to bind the Stackpanel object into ListView

DavJes26-Jul-10 2:00

DavJes

26-Jul-10 2:00

Hi ,

In WPF, am trying to create ListView, Which binds with list of class KPI objects. Where the KPI class contains Name(string), StackPanel(which contains TextBlock + Image).

I want to show only the StackPanel into the list , not the Name property. How do we bind the stack panel object alone .

<listview name="lvKPI" grid.row="1" margin="5,5,5,78"
="" selectionmode="Single" itemssource="{Binding KPICollection}" itemcontainerstyle="{StaticResource alternatingListViewItemStyle}" alternationcount="2">
<listview.view>
<gridview.columns>

Re: How to bind the Stackpanel object into ListView

Michael Eber27-Jul-10 17:38

Michael Eber

27-Jul-10 17:38

you need to define the stackpanel in a column template.

Re: How to bind the Stackpanel object into ListView

DavJes4-Aug-10 21:41

DavJes

4-Aug-10 21:41

Hi,

thanks. Can u pl help me here giving me example for this ?

thanks

Re: How to bind the Stackpanel object into ListView

Michael Eber5-Aug-10 7:08

Michael Eber

5-Aug-10 7:08

Here you go

Removing specific object from a container and add it to another

sadas232341s24-Jul-10 3:48

sadas232341s

24-Jul-10 3:48

I figured out how to see if an object within a container is a specific object, but how to translate it to another container? The following doesn' t work.

foreach (UIElement el in LayoutRoot.Children)
{
    if (el is Button)
    {
        LayoutRoot.Children.Remove(el);
        StackPanel1.Children.Add(el);
    }
}

Re: Removing specific object from a container and add it to another

Parwej Ahamad24-Jul-10 7:30

Parwej Ahamad

24-Jul-10 7:30

As per my understadning, it is containing reference of button so it may be the cause.

Try with following DeepCopy approach:

foreach (UIElement el in LayoutRoot.Children)
{ 
   if (el is Button) 
   { 
        string shapestring = XamlWriter.Save(el);  
        StringReader stringReader = new StringReader(shapestring);
        XmlTextReader xmlTextReader = new XmlTextReader(stringReader);
        UIElement DeepCopyobject = (UIElement)XamlReader.Load(xmlTextReader);
        StackPanel1.Children.Add(DeepCopyobject); 
        LayoutRoot.Children.Remove(el);           
   }
}

If it is not working or if you have any other approach then please let me know.

Thanks,

Parwej Ahamad
ahamad.parwej@gmail.com

Re: Removing specific object from a container and add it to another

Michael Eber27-Jul-10 12:10

Michael Eber

27-Jul-10 12:10

If you run that code in debug mode you WILL experience an exception.
You cannot remove an item from a collection that is being enumerated. So what I do in that case is this:

List<int> itemsToRemove = new List<int>();
for ( int index = 0; index<LayoutRood.Children.Count; index++ )
{
      if ( LayoutRoot.Children[index] is Button )
           itemsToRemove.Add(index);
}
// Next process the items to move
foreach ( int element in itemsToRemove )
{
   Button oldElement = LayoutRoot.Children[element] as Button;
   LayoutRood.Children.RemoveAt(element);
   StackPanel1.Children.Add(oldElement);
}

Take this one warning into account: you MIGHT get an exception that the element is already a member of another collection. The exception will point at your StackPanel1 add to the elements. If that happens then do the following:

Button newElement = new Button;
newElement.Name = oldElement.Name;
     .
     .
     .
// you get the idea
// now add the new instance of the button to the collection

Data binding to static resource: shown to work in VS but not when run

Jonathan Davies24-Jul-10 2:36

Jonathan Davies

24-Jul-10 2:36

Hi,
I'm following a Data Binding example from: microsoft[^] which displays the expected result in the VS2008 design window on XP but not when I run it. The XML looks OK to me with the XMLDataProver in a Resource :

<XmlDataProvider x:Key="MoreColors" XPath="/colors">

and the ListBox attribute :

ItemsSource="{Binding Source={StaticResource MoreColors}, XPath=color/@name}">

, any ideas why it displays data in the ListBox in design mode in VS2008 but doesn't display any data in the ListBox when its run?

<Window x:Class="WpfText2LableBinding.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">

    <StackPanel>
        <StackPanel.Resources>
            <XmlDataProvider x:Key="MoreColors" XPath="/colors">
                <x:XData>
                    <colors >
                        <color name="pink"/>
                        <color name="white"/>
                        <color name="black"/>
                        <color name="cyan"/>
                        <color name="gray"/>
                        <color name="magenta"/>
                    </colors>
                </x:XData>
            </XmlDataProvider>
        </StackPanel.Resources>

        <TextBlock Width="248" Height="24" Text="Colors:" TextWrapping="Wrap"/>

       <ListBox x:Name="lbColor" Width="248" Height="56" IsSynchronizedWithCurrentItem="True" 
            ItemsSource="{Binding Source={StaticResource MoreColors}, XPath=color/@name}">
       </ListBox>
            
    </StackPanel>
</Window>

Re: Data binding to static resource: shown to work in VS but not when run

Pete O'Hanlon24-Jul-10 4:25

Pete O'Hanlon

24-Jul-10 4:25

I answered this here[^]. Add the namespace I mention in the answer and you are good to go.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

My blog | My articles | MoXAML PowerToys | Onyx

Re: Data binding to static resource: shown to work in VS but not when run

Jonathan Davies24-Jul-10 7:18

Jonathan Davies

24-Jul-10 7:18

Thanks, you identified the cause though I think your linked solution is wrong (in this case anyway). It's now working but I had to use:

<br />
           <x:XData><br />
                    <colors xmlns=""><br />

rather then the

<br />
           <x:XData xmlns=""><br />
                    <colors ><br />

in your link. I found another MS example which uses xmlns in this manner:

<StackPanel.Resources>
    <XmlDataProvider x:Key="InventoryData" XPath="Inventory/Books">
      <x:XData>
        <Inventory xmlns="">
          <Books>
            <Book ISBN="0-7356-0562-9" Stock="in" Number="9">
              <Title>XML in Action</Title>
              <Summary>XML Web Technology</Summary>
            </Book>

User Control Height is 0 before its drawn to screen.

Poohshoes23-Jul-10 15:33

Poohshoes

23-Jul-10 15:33

Hey Guys,

I am drawing custom user controls onto a Canvas using a placement algorithm, the problem is that when the placement algorithm runs the controls Height has not yet been calculated and is 0 causing other object around it to be placed invalidly, how can I get it so that the height is set before I run my placement algorithm?

Cheers,
Ian

Re: User Control Height is 0 before its drawn to screen.

Kunal Chowdhury «IN»24-Jul-10 4:44

Kunal Chowdhury «IN»

24-Jul-10 4:44

Hi Ian,

You can set a fixed height and width to your UserControl and then you will have the ActualHeight property set to it before drawing it to the screen.

Don't forget to Click on [Vote] and [Good Answer] on the posts that helped you.

Re: User Control Height is 0 before its drawn to screen.

Poohshoes26-Jul-10 4:38

Poohshoes

26-Jul-10 4:38

Do you mean that I set the User Controls .Width and .Height properties?

Re: User Control Height is 0 before its drawn to screen.

Kunal Chowdhury «IN»26-Jul-10 5:04

Kunal Chowdhury «IN»

26-Jul-10 5:04

Yes, you have to set the height & width of the UserControl in the XAML itself, else it will set after rendering.
Have a look into the following code snippet for setting the dimension of the control:

<UserControl ...
             ...
             Height="200" Width="400">



</UserControl>

Don't forget to Click on [Vote] and [Good Answer] on the posts that helped you.

Re: User Control Height is 0 before its drawn to screen.

Poohshoes26-Jul-10 8:18

Poohshoes

26-Jul-10 8:18

But the control is created programmatically in code.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.