Questions on UI for WPF Forum

5 answers

375 views

How can I apply different colors to radgridview rows through bindings

Hi all and sorry if my query was already discussed on this forumm but I was unable to find what I'm looking for!

I've started playing with your incredible controls and have seen some diferrent ways of changing row styles for the gridview but, I am trying to bind the value of a column from a dataset (the column name is Color and contains an unsigned integer value) which contains customer's details (customer ids, names, adresses, date of births, customer types, etc.), to the "background" color of the coresponding row depending on the cusotmer type, for example if customer type is 2 then the color field for the related row is 100, 100 represents the red color, and so on...

Is there a way of doing that, or should I just find out another aproach, the dataset with all the details is set as the item source of the grid as bellow:

radGridView1.ItemsSource = dsCustomerDetails;

Another great thing will be if you can let me now which component from the radgridview control exposes the property which give the color of the row from the grid when I'm editing the control parts templates, I was unable to find the component which give the "row style" in order to try to edit a copy of that template whcih will have a different behave depending on my needs?

Please any help will be greatly appreciated,

thanks alot!

GridView

answered on 11 Jun 2010

4 answers

336 views

Track changes in Observable collection

Hi,

I have a grid bound to an observable collection of xmlnode. When I make changes in grid, that is getting reflected in the bound observable collection. Is there any provision to find only the changed values from the observable collection?

Please help

Thanks and Regards,
Norbert John

General Discussions

answered on 11 Jun 2010

1 answer

127 views

RangeList for Horizontal LinearScale

Hi,

I'm using a LinearScale where Orientation="Horizontal" with a RangeList. I have 3 LinearRanges defined, low, mid, and high. However, the LInearRange background does not display past just over the midpoint of the Horizontal LInearScale. I have created a sample application to demonstrate this behavior.

    
            <Window x:Class="WPFLinearGauge.Window1" 
        
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 
        
                Title="Window1" Height="500" Width="500"> 
        
                <Grid > 
        
                    <Grid.ColumnDefinitions> 
        
                        <ColumnDefinition Width="150" /> 
        
                        <ColumnDefinition Width="350" /> 
        
                        <ColumnDefinition Width="350" /> 
        
                    </Grid.ColumnDefinitions> 
        
                    <telerik:LinearScale x:Name="lsQty1" Height="200" Width="200" Orientation="Vertical" HorizontalAlignment="Stretch"  
        
                                         VerticalAlignment="Center" Min="0" Max="100" Grid.Column="0"> 
        
                        <telerik:LinearScale.Label> 
        
                            <telerik:LabelProperties Offset="0" Location="Outside" /> 
        
                        </telerik:LinearScale.Label> 
        
                        <telerik:RangeList> 
        
                            <telerik:LinearRange x:Name="lrQtyLow1"  
        
                                                 StartWidth="0.05" 
        
                                                 EndWidth="0.05" 
        
                                                 Location="OverCenter" 
        
                                                 Background="Red" 
        
                                                 BorderBrush="#7FFFFFFF" Min="0" Max="100"/> 
        
                            <telerik:LinearRange x:Name="lrQtymid1"  
        
                                                 StartWidth="0.05" 
        
                                                 EndWidth="0.05" 
        
                                                 Location="OverCenter" 
        
                                                 Background="LightGreen" 
        
                                                 BorderBrush="#7FFFFFFF" Min="25" Max="75"/> 
        
                            <telerik:LinearRange x:Name="lrQtyhigh1"  
        
                                                 StartWidth="0.05" 
        
                                                 EndWidth="0.05" 
        
                                                 Location="OverCenter" 
        
                                                 Background="Green" 
        
                                                 BorderBrush="#7FFFFFFF" Min="75" Max="100"/> 
        
                        </telerik:RangeList> 
        
                        <telerik:IndicatorList> 
        
                            <telerik:Marker x:Name="mQty1" 
        
                                            RelativeHeight="0.075" 
        
                                            RelativeWidth="0.075" 
        
                                            IsAnimated="True" 
        
                                            Value="50" 
        
                                            Location="OverCenter" 
        
                                            Background="Blue"/> 
        
                        </telerik:IndicatorList> 
        
                    </telerik:LinearScale> 
        
                    <telerik:LinearScale x:Name="lsQty2" Height="200" Width="200" HorizontalAlignment="Left"  
        
                                         VerticalAlignment="Center" Min="0" Max="100" Grid.Column="1"  
        
                                         Orientation="Horizontal"> 
        
                        <telerik:LinearScale.Label> 
        
                            <telerik:LabelProperties Offset="0" Location="Outside" > 
        
                            </telerik:LabelProperties> 
        
                        </telerik:LinearScale.Label> 
        
                            <telerik:RangeList> 
        
                            <telerik:LinearRange x:Name="lrQtyLow2"  
        
                                                 StartWidth="0.05" 
        
                                                 EndWidth="0.05" 
        
                                                 Location="OverCenter" 
        
                                                 Background="Red" 
        
                                                 BorderBrush="#7FFFFFFF" Min="0" Max="25"/> 
        
                            <telerik:LinearRange x:Name="lrQtymid2"  
        
                                                 StartWidth="0.05" 
        
                                                 EndWidth="0.05" 
        
                                                 Location="OverCenter" 
        
                                                 Background="LightGreen" 
        
                                                 BorderBrush="#7FFFFFFF" Min="25" Max="75"/> 
        
                            <telerik:LinearRange x:Name="lrQtyhigh2"  
        
                                                 StartWidth="0.05" 
        
                                                 EndWidth="0.05" 
        
                                                 Location="OverCenter" 
        
                                                 Background="Green" 
        
                                                 BorderBrush="#7FFFFFFF" Min="75" Max="100"/> 
        
                        </telerik:RangeList> 
        
                        <telerik:IndicatorList> 
        
                            <telerik:Marker x:Name="mQty2" 
        
                                            RelativeHeight="0.075" 
        
                                            RelativeWidth="0.075" 
        
                                            IsAnimated="True" 
        
                                            Value="50" 
        
                                            Location="OverCenter" 
        
                                            Background="Blue"/> 
        
                        </telerik:IndicatorList> 
        
                    </telerik:LinearScale> 
        
               </Grid> 
        
            </Window>

I have also attached a screen shot showing both the Vertical and Horizonatl LInearScales.

Is this the expected behavior? Have I incorrectly defined or missed something in setting up the Horizontal LinearScale? Or is there a different/better way to accomplish the desired Horizontal LinearScale?

Thanks for any additional information,
Keith

Gauges

answered on 11 Jun 2010

0 answers

128 views

Q2 2010 Beta of Telerik XAML controls is here

We are proud to announce the immediate availability of our Q2 2010 Preview (Beta, version 2010.2 609) release.

It contains the new controls, features and tools we plan to officially announce in July.

RadControls for WPF - Download Trial Version and over 300 examples

The download files have been marked with Q2 2010 Beta. You can also download a licensed version under your accounts.

Over 300 updated online demos can be accessed at:

RadControls for WPF Online demos

For more details go to the official blog post at:
http://blogs.telerik.com/blogs/posts/10-06-11/q2_2010_beta_of_telerik_xaml_controls_is_here.aspx

General Discussions

asked on 11 Jun 2010

1 answer

135 views

GridView without scrollbar in PanelBarItem

Hi,
When I add GridView to PanelBarItem and set columns width more than window width, then panelBar is out of window and scroll bar in GridView don't show.
How can I fix this ?

    
            <Window x:Class="gridViewScroll.Window1" 
        
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                Title="Window1" Height="321" Width="551" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"> 
        
                <Grid> 
        
                    <telerik:RadPanelBar Name="radPanelBar1" > 
        
                        <telerik:RadPanelBarItem Header="HeaderBar1" IsExpanded="True"> 
        
                                <telerik:RadGridView Margin="0,0,0,1" Name="radGridView1" ShowInsertRow="True" ShowGroupPanel="False" CanUserFreezeColumns="False" RowIndicatorVisibility="Collapsed"> 
        
                                <telerik:RadGridView.Columns> 
        
                                     <telerik:GridViewColumn UniqueName="{x:Null}" Header="Header1" Width="180"/> 
        
                                    <telerik:GridViewColumn UniqueName="{x:Null}" Header="Header2" Width="180"/> 
        
                                    <telerik:GridViewColumn UniqueName="{x:Null}" Header="Header3" Width="180"/> 
        
                                    <telerik:GridViewColumn UniqueName="{x:Null}" Header="Header4" Width="180"/> 
        
                                </telerik:RadGridView.Columns> 
        
                            </telerik:RadGridView> 
        
                        </telerik:RadPanelBarItem> 
        
                        <telerik:RadPanelBarItem Header="HeaderBar2"></telerik:RadPanelBarItem> 
        
                    </telerik:RadPanelBar> 
        
                </Grid> 
        
            </Window>

PanelBar

answered on 11 Jun 2010

1 answer

103 views

Enable filtering only on one column

How to enable filtering only on one column.

GridView

answered on 11 Jun 2010

8 answers

217 views

Re-order rows in "endless scrolling" grid...?

OK, to make sense to this question...

First I use this SL example in WPF for re-order rows: http://blogs.telerik.com/blogs/posts/10-05-20/enable_radgridview_rsquo_s_rows_reorder_functionality_using_behaviors.aspx

That works kind of, exept for this pice of code tht I think is specific for SilverLight, not sure how to convert this:

    
            public static Image ToImage(this FrameworkElement element, Transform transform)  
        
                    {  
        
                            var elementAsImage = new Image();  
        
                            WriteableBitmap bitmap = new WriteableBitmap(element, transform);  
        
                            elementAsImage.Source = bitmap;  
        
                            elementAsImage.Opacity = 0.85;  
        
                            return elementAsImage;  
        
                     }

And second I like to use this with Vladimir's code for "Endless scrolling of 2mil. records" that is updated for Q2010 here: http://www.telerik.com/ClientsFiles/159249_wpfapplication1.zip

I need the "Endless scrolling of 2mil. records" code woring with ObservableCollection instead what it use now. How do I do that?

Help...

GridView

answered on 10 Jun 2010

1 answer

67 views

stretch selection background

Hello,

How i can stretch item background selection on all width (on lines area too)?

TreeView

answered on 10 Jun 2010

1 answer

130 views

Docking problems

Hi,

I am trying RadDocking Control for my project, and I encounter several problems and hope you give me some suggestion.

Now I can add new panes in docking area dynamically

1. If I add to many panes and these panes outside of main window, how can I
let the added new panes just fit in the main window and adjust their size
automatically?

2. How can I change the layout of panes dynamically, for example: let
current panes layout vertically or horizontally?

3. Is the compass size in RadDocking can be changed? Cause the compass is
a little small to place the floating pane.

4. If I drag the folating window to center of compass, it will become a tab
of target pane, can the behavior be change to switch the place of these two
panes?

5. May the property CanFloat=False, and I still can dock panes, cause I
dont want floating panes.

So many questions, I'll be very appriciate for your advices. Thanks!

Docking

answered on 10 Jun 2010

1 answer

120 views

Horizontal scroll freeze with fixed column widths

Hello,

we have a project where the Grid.AutoGenerateColumns is turned off, and we create the columns programmatically.
During the create-process, we set the Column.Width to a fixed integer value.

When we do this, the application hangs when we try to scroll horizontally.

If we do not set the Width property for each column, everything works fine.

We use the Telerik WPF Q1 2010 package, with Visual Studio 2010

GridView

answered on 10 Jun 2010