Questions on UI for WPF Forum

3 answers

138 views

Hi All,

I have previously used an ArrayList as the ItemSource for my chart, this worked correctly

    
            RadChart1.ItemSource = GetData();

Where GetData returned the ArrayList.

I know would like to customise the layout of my RadChart, I have done this in XAML

    
            <telerik:RadChart x:Name="RadChart1" telerik:StyleManager.Theme="Vista" UseDefaultLayout="False">            
        
                        <Grid> 
        
                           <Grid.RowDefinitions> 
        
                               <RowDefinition Height="1*" /> 
        
                               <RowDefinition Height="6*" /> 
        
                           </Grid.RowDefinitions> 
        
                           <Grid.ColumnDefinitions> 
        
                               <ColumnDefinition /> 
        
                           </Grid.ColumnDefinitions> 
        
                           <telerik:ChartTitle Content="Sample Report" Grid.Row="0" Grid.Column="0" 
        
                                               VerticalAlignment="Center" HorizontalAlignment="Center" 
        
                                               TextElement.FontWeight="Bold" TextElement.FontSize="24" /> 
        
                           <telerik:ChartArea x:Name="ChartArea1" Grid.Row="1" Grid.Column="0" /> 
        
                        </Grid> 
        
                    </telerik:RadChart>

And now neither RadChart1.ItemSource nor ChartArea1.ItemSource will correctly display any graph data ("No Data Series")

Also I cannot add a dataseries to the dataseries collection using

    
            ChartArea1.DataSeries.Add(

I get the following error

    
            Error   1   'Telerik.Windows.Controls.Charting.DataSeriesCollection' does not contain a definition for 'Add' and no extension method 'Add' accepting a first argument of type 'Telerik.Windows.Controls.Charting.DataSeriesCollection'

Can anyone offer help on this please?

Rav

Chart

answered on 14 Jun 2010

1 answer

131 views

DropDown- and ScrollButton Styling

Hello,

I have a TabControl with many items and I would like to activate the DropDownButton which shows a menu containing all TabItems.
As far as I can tell this feature should be supported as there is an IsDropDownOpen Property which shows me such a menu but I can't figure out how to get this menu during runtime.

In addition I'm looking for a way to change the appearance of the Left- and RightScrollButton (for the drop down button i've seen that there is a DropDownButtonStyle Property but I did not play around with it since I don't see this button at all yet).

I hope you can help me on these issues.
Thanks,
Peter

TabControl

answered on 14 Jun 2010

6 answers

798 views

[Solved] Styling header cells disables column resize

Hi,

I'm slowly getting to grips with styling the GridView control. So far I've styled the GridViewRow and GridViewHeaderCell. However I have noticed that somethin in my styling for GridViewHeaderCell (or maybe something I've left out) is causing the column resize functionality to stop working. Even if I fully define CanUserResizeColumns="True" on the grid itself, it still doesn't work. By commenting out all my GridViewHeaderCell style XAML the problem disappears, so its in there somewhere! Any help would be much appreciated.

    
            <Pen x:Key="GridViewHeaderCellDropMarkerPen" Brush="{StaticResource GridViewHeaderCellDropMarkerPenBrush}" Thickness="60" /> 
        
                <Storyboard x:Key="MouseOver"> 
        
                    <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="GridViewHeaderCell_Over" Storyboard.TargetProperty="Opacity"> 
        
                        <SplineDoubleKeyFrame KeyTime="0:0:0.12" Value="1" /> 
        
                    </DoubleAnimationUsingKeyFrames> 
        
                </Storyboard> 
        
                <Storyboard x:Key="MouseOut"> 
        
                    <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="GridViewHeaderCell_Over" Storyboard.TargetProperty="Opacity"> 
        
                        <SplineDoubleKeyFrame KeyTime="0:0:0.12" Value="0" /> 
        
                    </DoubleAnimationUsingKeyFrames> 
        
                </Storyboard> 
        
                <ControlTemplate x:Key="GridViewHeaderCellTemplate" TargetType="telerik:GridViewHeaderCell"> 
        
                    <Grid SnapsToDevicePixels="True" > 
        
                        <Border x:Name="GridViewHeaderCell" 
        
                                BorderBrush="{TemplateBinding BorderBrush}"  
        
                                BorderThickness="{TemplateBinding BorderThickness}" 
        
                                Background="{TemplateBinding Background}" 
        
                                SnapsToDevicePixels="True" 
        
                                /> 
        
                        <Border x:Name="GridViewHeaderCell_Over" 
        
                                BorderBrush="{StaticResource GridViewHeaderCellMouseOverBorderBrush}"  
        
                                BorderThickness="{TemplateBinding BorderThickness}" 
        
                                Background="{StaticResource GridViewHeaderCellMouseOverBackground}" 
        
                                Opacity="0" 
        
                                SnapsToDevicePixels="True" 
        
                                /> 
        
                        <Border x:Name="GridViewHeaderCell_Selected" 
        
                                BorderBrush="{StaticResource GridViewHeaderCellMouseOverBorderBrush}"  
        
                                BorderThickness="{TemplateBinding BorderThickness}" 
        
                                Background="{StaticResource GridViewHeaderCellSortedBackground}" 
        
                                Opacity="0" 
        
                                SnapsToDevicePixels="True" 
        
                                /> 
        
                            <Grid x:Name="PART_HeaderCellGrid"> 
        
                                <Grid.ColumnDefinitions> 
        
                                    <ColumnDefinition Width="*" /> 
        
                                    <ColumnDefinition Width="Auto"  /> 
        
                                </Grid.ColumnDefinitions> 
        
                                <telerik:AlignmentContentPresenter Grid.Column="0"  
        
                                                                Margin="3,4,2,3" 
        
                                                                VerticalAlignment="Center" 
        
                                                                TextAlignment="{TemplateBinding TextAlignment}"   
        
                                                                TextBlock.FontWeight="Bold"/> 
        
                                    <Grid Grid.Column="1" HorizontalAlignment="Right"  
        
                                          Background="{StaticResource GridViewHeaderCellSortingAndFilteringContentBackground}"> 
        
                                        <Grid.ColumnDefinitions> 
        
                                            <ColumnDefinition Width="Auto"/> 
        
                                            <ColumnDefinition Width="Auto" /> 
        
                                        </Grid.ColumnDefinitions> 
        
                                        <Path x:Name="PART_SortIndicator" Fill="{StaticResource GridViewIndicatorsPartsFill}" Stretch="Fill" Data="M0,0 L1,0 2,0 3,0 4,0 5,0 5,1 4,1 4,2 3,2 3,3 2,3 2,2 1,2 1,1 0,1 0,0 z" HorizontalAlignment="Left" Margin="1,0,4,0" VerticalAlignment="Center" Width="5" Height="3" RenderTransformOrigin="0.5,0.5" > 
        
                                            <Path.RenderTransform> 
        
                                                <TransformGroup> 
        
                                                    <ScaleTransform ScaleX="1" ScaleY="-1"/> 
        
                                                    <SkewTransform AngleX="0" AngleY="0"/> 
        
                                                    <RotateTransform Angle="0"/> 
        
                                                    <TranslateTransform X="0" Y="0"/> 
        
                                                </TransformGroup> 
        
                                            </Path.RenderTransform> 
        
                                        </Path> 
        
                                        <telerik:FilteringDropDown Name="PART_DistinctFilterControl" Grid.Column="1"  SnapsToDevicePixels="True" 
        
                                                                Visibility="{TemplateBinding FilteringUIVisibility}" 
        
                                                                telerik:StyleManager.Theme="{StaticResource Theme}" Margin="0,0,8,0"/> 
        
                                    </Grid> 
        
                            </Grid> 
        
                    </Grid> 
        
                    <ControlTemplate.Triggers> 
        
                        <MultiTrigger> 
        
                            <MultiTrigger.EnterActions> 
        
                                <BeginStoryboard Storyboard="{StaticResource MouseOver}" /> 
        
                            </MultiTrigger.EnterActions> 
        
                            <MultiTrigger.ExitActions> 
        
                                <BeginStoryboard Storyboard="{StaticResource MouseOut}" /> 
        
                            </MultiTrigger.ExitActions> 
        
                            <MultiTrigger.Conditions> 
        
                                <Condition Property="IsMouseOver" Value="True" /> 
        
                                <Condition Property="SortingState" Value="None" /> 
        
                            </MultiTrigger.Conditions> 
        
                        </MultiTrigger> 
        
                        <Trigger Property="SortingState" Value="Ascending"> 
        
                            <Setter TargetName="PART_SortIndicator" Property="Path.Visibility" Value="Visible" /> 
        
                            <Setter TargetName="PART_SortIndicator" Property="Path.LayoutTransform" > 
        
                                <Setter.Value> 
        
                                    <ScaleTransform ScaleX="1" ScaleY="1"/> 
        
                                </Setter.Value> 
        
                            </Setter> 
        
                            <Setter Property="Opacity" TargetName="GridViewHeaderCell_Selected" Value="1" /> 
        
                        </Trigger> 
        
                        <Trigger Property="SortingState" Value="Descending"> 
        
                            <Setter TargetName="PART_SortIndicator" Property="Path.Visibility" Value="Visible" /> 
        
                            <Setter TargetName="PART_SortIndicator" Property="Path.LayoutTransform" > 
        
                                <Setter.Value> 
        
                                    <ScaleTransform ScaleX="1" ScaleY="-1"/> 
        
                                </Setter.Value> 
        
                            </Setter> 
        
                            <Setter Property="Opacity" TargetName="GridViewHeaderCell_Selected" Value="1" /> 
        
                        </Trigger> 
        
                        <Trigger Property="SortingState" Value="None"> 
        
                            <Setter TargetName="PART_SortIndicator" Property="Path.Visibility" Value="Hidden" /> 
        
                        </Trigger> 
        
                    </ControlTemplate.Triggers>   
        
                </ControlTemplate> 
        
                <Style TargetType="telerik:GridViewHeaderCell"> 
        
                    <Setter Property="Template" Value="{StaticResource GridViewHeaderCellTemplate}" /> 
        
                    <Setter Property="Background" Value="{StaticResource GridViewHeaderBackground}" /> 
        
                    <Setter Property="BorderBrush" Value="{StaticResource GridViewHeaderCellInnerBorderBrush}" /> 
        
                    <Setter Property="BorderThickness" Value="0,0,2,1" /> 
        
                    <Setter Property="Foreground" Value="{StaticResource GridViewHeaderCellForeground}" /> 
        
                    <Setter Property="DropMarkPen" Value="{StaticResource GridViewHeaderCellDropMarkerPen}" /> 
        
                </Style>

GridView

answered on 14 Jun 2010

3 answers

142 views

Style loss after upgrading to WPF 2010 SP2

Hello,

Recently we have upgraded our Telerik dlls to 2010 SP2 (had the 2010 Q1 before).
We found that some of our custom style templates for the RadGridView are no longer applied for some reason.
For example, our GridViewPanel style, our GridViewFooter style etc.

Please note - we are using implicit styles (no x:Key on the style, just TargetType).
How should we fix this? I saw you had mentioned that " All RadControls skins now get a major facelift. Your custom themes might not work as expected" - but this is rather vague and does not allow me to find out why the styles aren't applied now or how should I fix this.

To make things worse, after the Telerik upgrade, Blend does not open the solution anymore, neither does it give me any error messages.

I'd appreciate some help, Tx.
Gili

GridView

answered on 14 Jun 2010

1 answer

147 views

GridViewDataColumn.BackGroundColor

When we set the GridViewDataColumn BackGroundColor sometimes the selected-row-color hides behind the columncolor and sometimes it does not.

Example:

Using Background="#20FF0011" the selected-row-color appeares as aspected.

Using Background="#CCFFCC" the selected-row-color hides behind the colomn.

Why this difference?

GridView

answered on 14 Jun 2010

1 answer

134 views

Validate timer

how to validate if the time in a radtimepicker is less than 24 hours, and if
largest set a default value

TimePicker

answered on 14 Jun 2010

1 answer

158 views

[Solved] Display Date Format

I´d like to know if the problem mentioned in this thread (http://www.telerik.com/community/forums/wpf/datepicker/display-date-format.aspx) was solved in the latest release of RadDatePicker control.

Thanks

Marcelo

DatePicker

answered on 14 Jun 2010

1 answer

147 views

vs2010 and telerik vsextensions

Hi, I'm getting notification from the VS2010 Extensions Manager that there are updates for the Telerik vs extensions for WebUI, Silverlight and WPF but also being told by the Extension Manager that I have to uninstall them through Windows Add/Remove program. But there doesn't appear to be a separate installer for this. How do I do the update?

Thanks

General Discussions