Questions on UI for WPF Forum

6 answers

441 views

I am loading one grid that will need to be filtered by user input of a value in a seperat textbox. The filter is a CONTAINS filter on one column of the grid.

Basically as the user types, the available values need to go down to better and better match the input. Do you guys have a good example of this?

Note: Values are plain text CONTAINS matching, so no special custom filters seem to be needed.

GridView

answered on 20 May 2009

1 answer

62 views

Null or Blank start

Another question is how do we set the initial time to null or blank instead of 00:00 ? Sorry, the docs seem kinda sparse..

TimePicker

answered on 20 May 2009

7 answers

245 views

Use First Look Example With Objects

Is it possible to use the first look example with objects?

I have a list of objectA and each object has 3 sublists. I want to display each sublist in a tab when the parent record is expanded, similar to the first look example provided.

I have managed a workaround by modifying the Custom Row Layout example and using an expander but it is not as clean as the First Look Example.

Thanks,

Billy Jacobs

GridView

answered on 20 May 2009

6 answers

163 views

StartEdit

Hi,

In your documentation, it quotes "or programmatically by using the StartEdit() method of the RadTreeViewItem.". I have a treeviewitem, but VS complains; StartEdit is not a member of RadTreeviewItem.

Have I missed something, or was this method omitted from the build.

My requirement is to startedit a RadTreeviewItem in code

Thanks

P

TreeView

answered on 19 May 2009

1 answer

116 views

Insert new row click on Header column

hii

I had a header template which contains an image. now on click of that image I want to add a new row. how can I achieve this

GridView

answered on 19 May 2009

2 answers

143 views

Child table with column button

Hello,

First of all, sorry for my english ...

My application looks like your example "firstlook".

I have a master table, one child table on a tabitem and a chart on the other tabitem.

I succeed to create a column-button for the master table :

<telerik:RadGridView.Columns >

<telerik:GridViewColumn IsVisible="True" Width="30">

<telerik:GridViewColumn.CellStyle>

<Style TargetType="{x:Type telerik:GridViewCell}">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:GridViewCell}">

<Grid>

<Button Width="18" Height="18" Click="AjoutFiche_Click" >



<Button.Content>

<Grid Width="8" Height="8" VerticalAlignment="Center" HorizontalAlignment="Center">

<Path Fill="{x:Null}" Stretch="Fill" Stroke="#FF000000" Margin="0.083,0.664,0,0" Data="M0.50001547,0.5 L6.5000797,6.5000169 M6.5000155,0.5 L0.5,6.5000704" StrokeThickness="2"/>

<Path Fill="#FFCE3527" Stretch="Fill" Stroke="#FFCD3527" Margin="0,0,0.083,0.664" Data="M0.50001547,0.5 L6.5000797,6.5000169 M6.5000155,0.5 L0.5,6.5000704" StrokeThickness="2"/>

</Grid>

</Button.Content>

</Button>

<Rectangle Width="{TemplateBinding VerticalLineThickness}"

Fill="{TemplateBinding VerticalLineFill}" HorizontalAlignment="Right"

Visibility="{TemplateBinding VerticalLineVisibility}" SnapsToDevicePixels="True" />

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</telerik:GridViewColumn.CellStyle>

</telerik:GridViewColumn>

1)For the child table, I want the same thing :

a)Is it possible to create 2 columns-button (type button) ?

Each line of the child table has a column-button (type button) and a click on this button opens a window with the information of the line select

The purpose of the other column-button is to delete the line select.

b)Is it possible to create the columns in the XAML part and not in code behind ?

I hope that the description of my problem is clear

Thanks.

Steph

GridView

answered on 15 May 2009

2 answers

68 views

Code not compling

Dear Sir,

Yesterday we have downloaded code from your site. But that code is not compilable and there are lots of project that are missing. Please let us know from where we can download the code that is in compilable state.

Regards
Vinay

General Discussions

answered on 15 May 2009

2 answers

212 views

Virtualization problem

Hi,

I've got a little problem with grid virtualization. I've got this grid view:

    
            <telerik:RadGridView Name="mailRecipients" 
        
                                         Grid.Row="0" 
        
                                         ItemsSource="{Binding ElementName=departmentMailRecipients, Path=MailRecipients}" 
        
                                         ActionOnLostFocus="CommitEdit" 
        
                                         AutoGenerateColumns="False"   
        
                                         ColumnsWidthMode="Auto" 
        
                                         ShowGroupPanel="False"   
        
                                         Sorting="MailRecipients_Sorting" 
        
                                         PreviewKeyDown="MailRecipients_PreviewKeyDown" 
        
                                         telerik:GridViewCell.IsEditorVisibleChanged="MailRecipients_IsEditorVisibleChanged">  
        
                        <telerik:RadGridView.Columns> 
        
                            <!-- Department column --> 
        
                            <telerik:GridViewDataColumn DataMemberPath="Department"   
        
                                                        CellStyle="{StaticResource GridViewCellStyle}" 
        
                                                        HeaderText="{x:Static properties:StringResources.Department}"   
        
                                                        IsReadOnly="False"   
        
                                                        IsGroupable="False">  
        
                                <telerik:GridViewDataColumn.EditorSettings> 
        
                                    <telerik:ComboBoxEditorSettings ItemsSource="{markup:EnumValues {x:Type entities:Department}}" /> 
        
                                </telerik:GridViewDataColumn.EditorSettings> 
        
                            </telerik:GridViewDataColumn> 
        
                            <!-- Mail type column --> 
        
                            <telerik:GridViewDataColumn DataMemberPath="MailType" 
        
                                                        CellStyle="{StaticResource GridViewCellStyle}" 
        
                                                        HeaderText="{x:Static properties:StringResources.Type}"   
        
                                                        IsReadOnly="False" 
        
                                                        IsGroupable="False">  
        
                                <telerik:GridViewDataColumn.EditorSettings> 
        
                                    <telerik:ComboBoxEditorSettings ItemsSource="{markup:EnumValues {x:Type entities:MailType}}" /> 
        
                                </telerik:GridViewDataColumn.EditorSettings> 
        
                            </telerik:GridViewDataColumn> 
        
                            <!-- Address column --> 
        
                            <telerik:GridViewDataColumn HeaderText="{x:Static properties:StringResources.Email}"   
        
                                                        CellStyle="{StaticResource GridViewCellStyle}" 
        
                                                        IsReadOnly="False" 
        
                                                        IsGroupable="False">  
        
                                <telerik:GridViewDataColumn.DataMemberBinding> 
        
                                    <Binding Path="Address" NotifyOnValidationError="True">  
        
                                        <Binding.ValidationRules> 
        
                                            <validationRules:MandatoryRule /> 
        
                                            <validationRules:EmailRule /> 
        
                                        </Binding.ValidationRules> 
        
                                    </Binding> 
        
                                </telerik:GridViewDataColumn.DataMemberBinding>      
        
                            </telerik:GridViewDataColumn> 
        
                            <!-- Delete column --> 
        
                            <telerik:GridViewColumn> 
        
                                <telerik:GridViewColumn.CellStyle> 
        
                                    <Style TargetType="{x:Type telerik:GridViewCell}">  
        
                                        <Setter Property="Template">  
        
                                            <Setter.Value> 
        
                                                <ControlTemplate TargetType="{x:Type telerik:GridViewCell}">  
        
                                                    <Border Background="{TemplateBinding Background}" 
        
                                                            BorderBrush="{TemplateBinding BorderBrush}" 
        
                                                            BorderThickness="{TemplateBinding BorderThickness}">      
        
                                                        <Button Style="{StaticResource GridImageButton}" 
        
                                                                Click="Delete_Click">  
        
                                                            <Image Source="{StaticResource Delete}" /> 
        
                                                        </Button> 
        
                                                    </Border> 
        
                                                </ControlTemplate> 
        
                                            </Setter.Value> 
        
                                        </Setter> 
        
                                    </Style> 
        
                                </telerik:GridViewColumn.CellStyle> 
        
                            </telerik:GridViewColumn> 
        
                        </telerik:RadGridView.Columns> 
        
                    </telerik:RadGridView> 

            When user delete the content of the address column for the first row (The mandatory rules mark the cell as invalid) then scroll until the last row and rescroll on the first row, 

            the old content is displayed. Is there a way to leave the invalid content of a cell when user scroll down/up? (I know that wrap the 

            grid into a ScrollViewer avoid the virtualization but I prefer find another way, this bug occurs also on Grid with huge amount of data in my application)
        
Xavier.

GridView

answered on 15 May 2009

2 answers

165 views

Issue with multi-series Bar Chart

Hi,

I seem to have a problem with a multiple-series bar chart. I have a custom X-Axis, which works fine. The Y-Axis is simply a number of phone calls figure, so the auto-scale axis would be fine. However, the values do not seem to marry up with those in the bar series. The image below illustrates this (flickr link, not sure if you can embed pics on here) :

http://farm4.static.flickr.com/3325/3525153961_2d6272a1dc_o.jpg

As you can see, the rightmost green bar = 111, which seems to line up with the Y-axis - however, none of the others do.

The XAML for the chart is as follows (incomplete, the remainder is legend name, title etc):

                    <control:RadChart x:Name="skillBarChart"           
                            telerik:Theming.Theme="Office_Black"  >         
                                   <control:RadChart.DefaultView>         
                                     <chart:ChartDefaultView >         
                                        <chart:ChartDefaultView.ChartArea >         
                                            <chart:ChartArea    x:Name="BarChartArea"          
                                                                LegendName="CustomLegend"          
                                                                FontFamily="Arial" FontSize="18"          
                                                                Height="446.848" Width="985">         
                                                <chart:ChartArea.AxisX>         
                                                    <chart:AxisX    MajorGridLinesVisibility="Collapsed"         
                                                                    Title="Skill" />         
                                                </chart:ChartArea.AxisX>         
                                                <chart:ChartArea.AxisY>         
                                                    <chart:AxisY    MajorGridLinesVisibility="Collapsed"         
                                                                    MinorGridLinesVisibility="Hidden"          
                                                                    Title="Calls" AutoScale="True"          
                                                                    MinValue="0" MaxValue="500"/>         
                                                </chart:ChartArea.AxisY>         
                                                <chart:ChartArea.Background>         
                                                    <LinearGradientBrush    EndPoint="0.5,1" StartPoint="0.5,0">         
                                                            <GradientStop           Color="#FF000000" Offset="0"/>         
                                                            <GradientStop           Color="#FF63B2DE" Offset="1"/>         
                                                    </LinearGradientBrush>         
                                                </chart:ChartArea.Background>         
                                            </chart:ChartArea>         
                                        </chart:ChartDefaultView.ChartArea>         

I'm populating the chart as follows (again a snippet) :

                             
                                     
                                        foreach (string s in skillname)         
                                        {         
                                            DataPoint Idp = new DataPoint();         
                                            Idp.YValue = noOfInCalls[Array.IndexOf(skillname, s)];         
                                            Idp.XValue = Array.IndexOf(skillname, s);         
                                            series1.Add(Idp);         
                                                     
                     
                                            DataPoint Odp = new DataPoint();         
                                            Odp.YValue = noOfOutCalls[Array.IndexOf(skillname, s)];         
                                            Odp.XValue = Array.IndexOf(skillname, s);         
                                            series2.Add(Odp);         
                                        }         
                                skillBarChart.DefaultView.ChartArea.DataSeries.Add(series1);         
                                skillBarChart.DefaultView.ChartArea.DataSeries.Add(series2);         

I then reformat the X-Axis with specific values for the 'skillname' to which each Y value corresponds, but do not do anything with the Y-Axis. However, I still get the issue as shown in the image. The '120' marker in the image is also cut off by the chart title area which I cannot seem to resolve.

Any assistance gratefully received! Thanks!

Richard

Chart