Silverlight Controls and Silverlight Toolkit

Generic UserControl(Form)

briancollog — Fri, 27 Nov 2009 16:06:51 GMT

Here's what I'm in need but don't know how to do in Silverlight/XAML

I want to create a Form/UserControl of a register, like, with the add, remove, alter, save and cancel buttons and the generic code for add, remove, alter and save buttons. The code behind of the buttons I already have some idea of what to do, but what I really don't know is how to create this generic UserControl, where I can make inheritance of this class in another one and Implement the buttons, but all classes with the same layout, so, if I change a button on the Father Class, all my Childs will get the same changes.

Am I Clear?

Someone know how to do it?

Thanks since now. Hope you guys know a way.

rectangle on top of image

bryian — Wed, 25 Nov 2009 07:13:38 GMT

Hello,

How do I place a rectangle on top of an image and be able to drag the rectangle around the image.

Thanks,

Bryian Tan

Dataform Validation for data from WCF Service

Helen W — Sat, 28 Nov 2009 00:58:00 GMT

What is the best way of providing client-side validation in a dataform from data provided through a WCF Service (NOT Ria Services)? Do I need to modify the DataContract classes created by SQLMetal by adding data annotations? (That seems kind of ugly.)

Other suggestions?

Thanks

Helen

links in canvas

bryian — Wed, 25 Nov 2009 06:00:38 GMT

Hello,

I have several links (click go to a new page) in my drag-able canvas. Is it possible that I can disable all the links/click-able objects in the canvas?

Thanks,

Bryian Tan

DataField VerticalContentAlignment Not Applied

Kieren5 — Sat, 28 Nov 2009 00:33:16 GMT

The DataField control does not apply VerticalContentAlignment to it's child? Is this the intended behavior? Is there a workaround?

Below, the DataField is in a * sized Grid row.

<Grid>
<RowDefinitions... />
<DataField Grid.Row="2" VerticalContentAlignment="Stretch">
<DataGrid... />
</DataField>
</Grid>

Thanks

DataGrid Dynamic Binding from Dictionary ??

mas3oude — Fri, 27 Nov 2009 20:04:52 GMT

Hi all i need help in following case urgent i have List of Dictionaries--List> -- created in run time from selection in map viewer so the returned results change depend on selection it change in string and object value so i can just get the result keys(string) and i can't bind the result (values) dynamically in the DataGrid please i need solve this problem ASAP thanks in advance

ComboBox with Checkboxes inside

HugoEnrique — Fri, 27 Nov 2009 20:21:45 GMT

Hello all, I have read a lot of forums talking about this same issue but not specifically about what am I trying to do. I hope someone can help me with some ideas. I have a ComboBox with CheckBoxes inside, which I have already accomplished. But this is the deal, I want to set the ItemsSource property of the ComboBox from a query, that it's already working as well, but I want to put each one of them on as a CheckBox content. The proper question would be: How to create CheckBoxes dinamicly from from a list of strings? Any help will be highly appreciated. Thanks.

How can I add a Reflection to my UserControl?

Malone — Fri, 27 Nov 2009 22:29:33 GMT

Hello,

I have created a UserControl in which I have a Grid and in it a Image and a Textblock. Here is my code of that UserControl:

Now I would like to add under my UserControl a Reflection of that item, but how can I do that?

Thank you in advance!

Best Regards

Malone

show image like slides

hossen.aftabi — Fri, 27 Nov 2009 21:16:21 GMT

if you see the first of www.silverlight.net can see that many pictures show after another

can you help my for make like it?

thanks

XAML Binding to another element

patanpatan — Wed, 25 Nov 2009 14:14:59 GMT

Hi.

I have a problem with XAML, probably there's something I'm not doing right.

I Have a Class that inherits from ContentControl, with a few DependencyProperty. One of this DependencyProperty is a DataGrid, and I need it to reference a DataGrid in the XAML page where I put my control. What I need is set a few eventhandlers for the datagrid.
It's working if I do it through code behind:
MyControl.DataGrid = this.actualDataGrid;
But I want to reference it in XAML.
I've tried several <Binding... but i can't get it to work. Every sample that I find is for referencing a property in another element, not the whole element.

Usage of TreeViewConnectingLines without Blend

ashwin893 — Fri, 27 Nov 2009 08:54:30 GMT

Iam using Silverlight TreeView. i want Connecting lines between the nodes. In the oct toolkit, there is a class TreeViewConnectingLines but i dont know how to implement it.

Please help me as soon as possible,

Regards,

Ashwin kumar.

Expanding/Collapsing Accordion item crashes Silverlight!

The Lockster — Fri, 27 Nov 2009 11:32:28 GMT

I have had this issue for a few months now and I was hoping the new toolkit would fix the issue however it's still there

I am currently using Microsoft Silverlight 3 Toolkit July 2009

The issue is a fairly simple one, when expanding and/or collapsing the last accordion item in our accordion control, yes it is only the last accordion item that exhibits this behaviour, sometimes not all the time silverlight crashes with the following error from Firefox ErrorConsole:

Error: Sys.InvalidOperationException: ManagedRuntimeError error #4004 in control 'Xaml1': System.BadImageFormatException: Could not load file or assembly '1530 bytes loaded from System.Windows, Version=2.0.5.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e' or one of its dependencies. An attempt was made to load a program with an incorrect format.
File name: '1530 bytes loaded from System.Windows, Version=2.0.5.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e' ---> System.BadImageFormatException: Bad IL format.
   at System.Reflection.Assembly.nLoadImage(Byte[] rawAssembly, Byte[] rawSymbolStore, Evidence evidence, StackCrawlMark& stackMark, Boolean fIntrospection)
   at System.Reflection.Assembly.Load(Byte[] rawAssembly)
   at MS.Internal.JoltHelper.LoadAssembly(Byte[] buffdata, Assembly& loadedAssembly)
Source File: http://localhost:13371/ScriptResource.axd?d=a4gAuAW-M4XAX3KqmhziLiPPDprSm-G0BQ_yOJNkgkXu90GV5MKZKCRr6GUnXA1P35eO6DrbZA-JNFdJ_tIBxw2&t=1f1ca10
Line: 461

I have searched forums to no avail and unsure whether it is an issue with the accordion control or whether the xaml is wrong in some way? Hopefully someone can help clear this up, or I shall have to report the issue.

The Xaml for the accordion:

<layoutToolkit:Accordion x:Name="Properties" Grid.Column="2" ExpandDirection="Down" SelectionMode="ZeroOrMore" Width="270" Margin="0, 10, 0, 10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch">
    <layoutToolkit:AccordionItem Header="Element Properties" IsSelected="True" >
        <ScrollViewer VerticalScrollBarVisibility="Auto" BorderThickness="0">
            <StackPanel x:Name="PropertyPanel" Margin="5,5,0,5">
            </StackPanel>
        </ScrollViewer>
    </layoutToolkit:AccordionItem>
    <layoutToolkit:AccordionItem Header="Item Properties" IsSelected="True" >
        <ScrollViewer VerticalScrollBarVisibility="Auto" BorderThickness="0">
            <StackPanel x:Name="ItemPropertyPanel" Margin="5,5,0,5">
            </StackPanel>
        </ScrollViewer>
    </layoutToolkit:AccordionItem>
    <layoutToolkit:AccordionItem Header="Element Type" IsSelected="True">
        <ScrollViewer VerticalScrollBarVisibility="Auto" BorderThickness="0">
            <StackPanel x:Name="ControlPropertyPanel" Margin="5,5,0,0">
            </StackPanel>
        </ScrollViewer>
    </layoutToolkit:AccordionItem>
</layoutToolkit:Accordion>

All of the stack panels within the accordion items are populated dynamically with a collection of silverlight controls so the accordion items size dynamically. I have tried just setting the content of the scroll viewer as well rather than having an extra stack panel control and the issue still occurs.

Please let me know your ideas on what could be wrong or things to try to fix it!

Many Thanks

Paul.

Select record in DataGrid

dunirvana — Fri, 27 Nov 2009 12:21:42 GMT

I would like to select a particular record and place the focus on the same.

With this code the record is selected but the scroll bar does not move:

grid.SelectedIndex = 10;

I've tried that way, but nothing happens:

grid.ScrollIntoView (_sistemaContext.EntSistemas [_sistemaContext.EntSistemas.Count-1], grid.Columns [0]);

Listbox SelectedItem not working

StefanOlson — Sun, 22 Nov 2009 21:44:03 GMT

I have two Listboxes. There should always be an item selected in the top ListBox, which displays a series of items based on selection in the bottom ListBox. Unfortunately, WPF sets the selected item perfectly, but Silverlight doesn't set the selected item correctly after I change the selection in the bottom ListBox for the second time. I have looked at this article (http://blogs.msdn.com/delay/archive/2008/03/05/lb-sv-faq-examples-notes-tips-and-more-for-silverlight-2-beta-1-s-listbox-and-scrollviewer-controls.aspx), but it doesn't seem to provide any solutions for my particular problem. Can anyone explain why the selected item is correctly set in my code (as you can see because the text block displays it), but the selected item is not highlighted in the list box?

C# code:

using System.Collections.Generic;

namespace SelectedItemBug
{
    public partial class MainPage
    {
        public List Groups { get; set; }
        
        public MainPage()
        {
            InitializeComponent();

            Groups = new List { new Group("group1"), new Group("group2"), new Group("group3") };
        }
    }

    public class Group
    {
        public List Items { get; set; }
        public Item SelectedItem { get; set; }

        public Group(string name)
        {
            Items = new List { new Item(name + "1"), new Item(name + "2"), new Item(name + "3") };
            SelectedItem = Items[0];
        }
    }
    public class Item
    {
        public string Name { get; set; }
        public Item(string name)
        {
            Name = name;
        }
        public override string ToString()
        {
            return Name;
        }
    }
}

Xaml code:

<UserControl x:Class="SelectedItemBug.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Name="_MainPage">
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <ListBox ItemsSource="{Binding ElementName=_ListBox, Path=SelectedItem.Items}" SelectedItem="{Binding ElementName=_ListBox, Path=SelectedItem.SelectedItem}" />
        <TextBlock Grid.Row="1" Text="{Binding ElementName=_ListBox, Path=SelectedItem.SelectedItem.Name}"/>
        <ListBox x:Name="_ListBox" Grid.Row="2" ItemsSource="{Binding ElementName=_MainPage, Path=Groups}"/>
    </Grid>
</UserControl>

Thanks,

Stefan

AutoCompleteBox: how to make popup resizable or correct width

kobruleht — Thu, 19 Nov 2009 19:50:55 GMT

I'm using AutoCompletebox with styled popup below, FilterMode is StartsWith.

Popup rembembers sometimes its previous width during search if ItemsSource is not changed. If new search string is entered, popup width is too small for new list. I tried to use Grid Column width="Auto" but in this case width changes if users scrolls in list which is not nice.

How to make popup width resizable by user (or better force its width to follow content always) ?

Andrus.

                            <Popup x:Name="Popup" Closed="Popup_Closed" >

                                <Border x:Name="PopupBorder" HorizontalAlignment="Stretch" Opacity="0.0" BorderThickness="0" CornerRadius="3">
                                    <Border.RenderTransform>
                                        <TranslateTransform X="2" Y="2" />
                                    </Border.RenderTransform>
                                    <Border.Background>
                                        <SolidColorBrush Color="#11000000" />
                                    </Border.Background>
                                    <Border HorizontalAlignment="Stretch" BorderThickness="0" CornerRadius="3">
                                        <Border.Background>
                                            <SolidColorBrush Color="#11000000" />
                                        </Border.Background>
                                        <Border.RenderTransform>
                                            <TransformGroup>
                                                <ScaleTransform />
                                                <SkewTransform />
                                                <RotateTransform />
                                                <TranslateTransform X="-1" Y="-1" />
                                            </TransformGroup>
                                        </Border.RenderTransform>
                                        <Border HorizontalAlignment="Stretch" Opacity="1.0" Padding="2" BorderThickness="2" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="3">
                                            <Border.RenderTransform>
                                                <TransformGroup>
                                                    <ScaleTransform />
                                                    <SkewTransform />
                                                    <RotateTransform />
                                                    <TranslateTransform X="-2" Y="-2" />
                                                </TransformGroup>
                                            </Border.RenderTransform>
                                            <Border.Background>
                                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                    <GradientStop Color="#FFDDDDDD" Offset="0"/>
                                                    <GradientStop Color="#AADDDDDD" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Border.Background>

                                            <Grid>
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="*"/>
                                                    <ColumnDefinition Width="Auto"/>
                                                </Grid.ColumnDefinitions>

                                                <ListBox x:Name="Selector" IsTabStop="False">
                                                    <ListBox.ItemTemplate>
                                                        <DataTemplate>
                                                            <StackPanel Orientation="Horizontal">
                                                                <TextBlock Text="{Binding DisplayMember}" />
                                                                <TextBlock Text="  " />
                                                                <TextBlock Text="{Binding PopupAdditional}" />
                                                            </StackPanel>
                                                        </DataTemplate>
                                                    </ListBox.ItemTemplate>
                                                </ListBox>

                                                <StackPanel Grid.Column="1" >
                                                    <Button Background="Gray" x:Name="openTableButton"
                                                    Style="{StaticResource ZoomBtnTemplate}" IsTabStop="False" Width="40"
                                                    >
                                                        <Image x:Name="previewImage" Width="16" Source="/Images/open-16x16.png"/>
                                                    </Button>
                                                </StackPanel>
                                            </Grid>

                                        </Border>
                                    </Border>
                                </Border>
                            </Popup>

Swapping the position of 2 TreeViewItems

johan.gl — Mon, 16 Nov 2009 19:18:14 GMT

Is there an easy way to swap the position of 2 TreeViewItems within a TreeView?

I need this because im manually handling drag-and-drop behaviour of the treeview to fit my own needs.

TreeViewDragDropTarget Droping change info

crixo — Fri, 27 Nov 2009 18:30:13 GMT

i'm using TreeView control to show a Hierarchy menu.

I added TreeViewDragDropTarget and everything looks fine: I can successfully re-order sibling, change parent dragging TreeViewItem into new parent...

but i'm in trouble to read changes on Drops events.

i'm using

ItemDroppedOnSource="TreeViewDragDropTarget_ItemDroppedOnSource" ItemDroppedOnTarget="TreeViewDragDropTarget_ItemDroppedOnTarget"
Drop="TreeViewDragDropTarget_Drop

but I cannot figure out how to get new parent where I dropped my dragged item.

into any of those methods I try to get parent of dragged item

object parentItem = twMenu.GetParentItem(twMenu.SelectedItem);

parentItem is still reflecting situation after initial binding, not change obteined with drag action

what I'd like to know is new parent after drag and/or new order of sibling if i moved an item up/down

Silverlight application and accessing client side files

Ian Hannah — Fri, 27 Nov 2009 12:47:16 GMT

Hi,

I just wanted to make sure that my understanding was correct. When a client downloads a Silverlight application that application cannot access the client's file system other than by using a file open dialog. Is this correct?

So there is no way that the Silverlight application could read a configuration file from the client machine? What I would like to do is to have a standard installation but to allow the user to create a configuraition file that can be loaded. Any ideas on if this is possible or how to do it would be appreciated?

However in Silverlight 4 you can access the client file system if the application is run out of browser and has elevated privileges. Is this correct?

Thanks in advance

Ian

When is an object hierarchy completely loaded? Loaded event is unreliable.

andulvar — Tue, 21 Oct 2008 12:42:15 GMT

I have an application that is causing me grief with the Loaded event. I derive a class from Grid (call it Outer), and a class from DependencyObject (call it Inner). Inner is a child of Outer. When both are loaded I want to assign Inner as the DataContext of Outer. Logically, I should do this work in the Loaded event of Outer. Alternatively, I could do this work in the OnApplyTemplate method of Outer. It doesn't work reliably because I cannot predict whether Inner exists when Outer's Loaded event fires.

If Inner is fully defined within the XAML of Outer, it appears to work. If Inner is templated, so that its own properties are assigned through {StaticResource...} then Inner is not yet defined when Outer's Loaded event fires. Consequently when I assign Outer.DataContext = Inner, this throws an error (argument is out of expected range) presumably because Inner has not yet been initialized in some fashion. This post: http://silverlight.net/forums/p/11996/39114.aspx#39114 implies that the order is fixed. It clearly is not.

I'm doing all this because if I try to assign Outer as its own DataContext (basically: this.DataContext = this), it always fails with the same error message. It looks like the object state has to pass a certain point in the construction process before it can be assigned as a DataContext.

I tried to make Inner a FrameworkElement or a Control so I could count Loaded events, and do the work only when two Loaded events have occurred. This can only work because Inner and Outer are both my code, and they know about each other. The problem is that Inner's Loaded event can fire zero, one or multiple times. I haven't figured out what causes that, other than to note that if there is a try/catch in some processing that precedes Inner's Loaded event, and an error is caught, this could stop Inner's Loaded event from happening at all. In the debugger I once saw Inner's Loaded event get called 6 times in a single run. I can't tell you why.

I considered calling ApplyTemplate manually in the Loaded event of Outer. Unfortunately, Grid does not have an ApplyTemplate method. Why not? It has an OnApplyTemplate override. Strangely, the OnApplyTemplate method of Outer never actually gets called. If I make Inner into a FrameworkElement, its OnApplyTemplate never gets called either.

I've read this post: http://silverlight.net/forums/p/27294/93181.aspx#93181 which deals with the question of Loaded order somewhat, but doesn't address the issue for objects without an ApplyTemplate method. It also doesn't address the issue of Loaded firing a random number of times.

So, after all this, I have one simple question:

At what point in the code can I be guaranteed that my object (in general, a DependencyObject) and all of its children are completely loaded?

OnApplyTemplate issue

GA30 — Tue, 16 Sep 2008 18:29:01 GMT

Hello All!

I've got this progress bar type control that I got from around here. It works great. The only thing is that every so often the control bombs because it has code that tries to access its parts but for whatever reason on occassion the part references are null. They are null because on occassion the code that accesses the parts runs BEFORE OnApplyTemplate is called. Again, this does not always happen, only some times but enough to be a problem. I have made sure that this code that accesses the control parts does not fire until the control's loaded event fires. Furthermore, because of various things I've read out there I have taken yet extra precautions to prevent this problem by calling BeginInvoke (see code below) within the loaded event handler but still on occassion it bombs. In order to get around the problem I find myself sometimes creating timers on the fly with very short time spans which I hope will be enough time for the control's OnApplyTemplate method to be called. Anyone have any ideas?????? Thanks in advance

this.Loaded += (o, e) =>{

//the Start method is the one that occassionally bombs

this.Dispatcher.BeginInvoke(() => this.Start());

};

Combobox with foreign key - resources

mhv642 — Fri, 27 Nov 2009 13:02:53 GMT

I'm trying to implement a combobox in a datagrid in silverlight 3 (in VB)

I've used the information from http://weblogs.asp.net/manishdalal/archive/2008/09/28/combobox-in-datagrid.aspx

This works, but now I want to replace the static resource, because static resources are no real live solutions for dynamic data

Has anybody other suggestions on how I can do this ? (I'm not a specialist in silverlight programming, and certainly not in C#)

Thanks,

Bart

Problem incorporating a Border Blur.Effect in a TextBox style template

spbgeb — Fri, 27 Nov 2009 02:54:04 GMT

I have implemented a custom TextBox template, very similar to what Karen Corby presented in sample code at MIX09. In this sample, the standard TextBox template was changed to place a Border around the TextBox with a Blur.Effect (Radius="10"). Whenever the VisualState is changed to InvalidFocused or ValidFocused, the Border opacity is changed to "1" to allow the red-colored border and blur to be show, putting a cool red "glow" around the TextBox whenever a Validation error occurs.

This all seemed to work great (very simple changes to the default TextBox template) until I put a TextBox in my XAML using this new style that had a Height set to something other than the default. For example, I placed a TextBox in the XAML that was a multi-line TextBox with Height="200". All TextBoxes in the XAML stopped working. If the Blur.Effect was removed from the Border, it works great.

This is very easy to reproduce. Any ideas why adding a simple Border with a Blur.Effect in the template would cause all TextBoxes to become unstable? BTW, if I leave the Border but remove the Blur.Effect, it works great.

<Border x:Name="ErrorBlur" Opacity="0" Margin="-1" Background="#FFDB000C">
   <Border.Effect>
      <BlurEffect Radius="10"/>
   </Border.Effect>
</Border>

What to do when DataForm looses its content when CurrentItem is null

Casimodo72 — Sun, 18 Oct 2009 23:04:39 GMT

Hi,

The DataForm will set its _contentPresenter.Content to null if its CurrentItem is null (this is the case whem its ItemsSource is empty); this behaviour is quite confusing for consumers of the UI, because the DataForm's fields will suddenly disappear - producing a disturbing void in the UI.
As a (hopefully) temporary workaround, I'm thinking about how I can convince the DataForm to display some content when its ItemsSource is empty.

Since I'm using RIA Services, I could generate a mock object which would act as a "null object" when the given ItemsSource is empty.
Whenever the ItemsSource is empty DataForm.ItemsSource shall be set to null, and its CurrentItem shall be set to the "null object". In turn, whenever the original ItemsSource gets filled, CurrentItem shall be set to null and its original ItemsSource shall be reassigned to the DataForm.

Has anyone done such plumbing before? Is there a simple and focused way (e.g. by deriving DataForm) to inject such a behaviour? From my first naive inspections of the code, the DataForm is very unfriendly to derivation endeavours. Seems more like a "take it or leave it" implementation.

Regards,
Kasimier

Is there any Label-like Control for non-input scenarios?

Casimodo72 — Fri, 16 Oct 2009 15:50:04 GMT

I would like to use the Label in non-input scenarios; i.e. where I don't want its text to become e.g. bold when a bound object is marked with [Required]. I just want it to show the [Display] attribute's information, but do no want any other behaviour.

Can the Label control be convinced to do so? Does an other control exist which does what I need? Do I have to implement a new control and re-implement the part I need from the Label control?

Regards,

Kasimier

Adding a new row to DataGrid when press the tab control

anil_litam — Fri, 27 Nov 2009 06:27:54 GMT

HI,

I have the following code which is working fine.

<data:DataGrid x:Name="MyDataGrid" AutoGenerateColumns="False">            
            <!-- Add DataGrid Columns -->
            <data:DataGrid.Columns>
                <data:DataGridTextColumn Header="ID" Binding="{Binding ID}" />
                <data:DataGridTextColumn Header="Name" Binding="{Binding Name}" />
                <data:DataGridTextColumn Header="Book Title" Binding="{Binding BookTitle}" >
                </data:DataGridTextColumn>
            </data:DataGrid.Columns>            
        </data:DataGrid>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Controls.Primitives;

namespace DataGridBindingSample
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();            
            MyDataGrid.ItemsSource = LoadCollectionData();
        }

        private List LoadCollectionData()
        {
            List authors = new List();
            authors.Add(new Author(){
                    ID = 101, 
                    Name = "Mahesh Chand",
                    BookTitle = "Graphics Programming with GDI+"});

            return authors;
        }
    }
}

The above code binds a single record to datagird. When i press the tab control it is switching perfectly between cells.

But my requirement is when my cursor is at last column position if i press tab control, i need to add a new row to my datagrid.

[For Ref : Open MSWord and create a new table and then tab through that to see what i am talking about here.]

Please somebody help...