Questions on UI for WPF Forum

1 answer

124 views

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

123 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

132 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

99 views

Enable filtering only on one column

How to enable filtering only on one column.

GridView

answered on 11 Jun 2010

8 answers

213 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

61 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

126 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

116 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

4 answers

699 views

Column width binding

Hello,

I believe I've run into another breaking change with the Q1 2009 version of the grid. In my app I have some functionality where the user can define some of the properties of a grid, one of them being the column widths. When the user is looking at some data in the grid and they resize a column I need to update by business object so that I can display the grid with the same widths the next time.

In the previous version I accomplished this by having a two way binding between the Width property of a grid column and a width property on my business object (using a converter to translate back and forth between a numeric value and a GridLength). This worked perfectly as every time the user changed a column width my object was updated.

In the Q109 version, resizing a column doesn't seem to update the column width anymore so my object never gets updated. The only time the width gets updated is when you double click in the header to make the column fit the contents. This also has the unfortunate side effect of setting the column with to Auto and the value to 1, which is not desired. I would expect that the column would be resized, but the mode stay in Pixel mode like it used to.

Is there any way to get the grid to behave like it used to? If not, can someone please suggest a way for me to know when a column gets resized and then get the actual width of the column? I had a similar post a while back but that method doesn't seem to work anymore either.

Thanks,

Joel

GridView

answered on 10 Jun 2010

10 answers

697 views

How to only let the child nodes can be checked

As we know, The treeview control enables check boxes for all nodes. Is it possible to show the check boxes for sepecific nodes? For example, I want to use a treeview control to list all files in Drive C with forders, only the file node has a check box, but the root and folder nodes do not have checkboxes shown.

Thank you very much.

TreeView

answered on 10 Jun 2010