Questions on UI for WPF Forum

3 answers

133 views

Image in DataTable databound to a GridView

Hi,

I have a grid that is bound to a DataTable. The structure of the DataTable varies at runtime so I cannot set the columns at design time (AutoGenerateColumns is set to true). When a column of the DataTable is of type System.Byte[] the grid shows "System.Byte[]" and I would like it to show an image instead. I am guessing I should be using a DataTemplate for this type but I am unsure of how to do this with the GridView, can you please help or point me to the relevant resource?

Cheers,

Jose

GridView

answered on 07 Jun 2010

1 answer

121 views

rowvalidating isvalid not preventing rowvalidated

Hi All

I am using the WPF 2010 Q1 controls and as per the documentation here: http://www.telerik.com/help/wpf/gridview-events-validation.html

I am calling the rowisvalidating event and on a condition setting e.IsValid = false; But even when this is set to false, the rowisvalidated event is still fired. I thought that this would not be the case.

Nick

GridView

answered on 07 Jun 2010

2 answers

327 views

Automatic EditMode for a checkbox Column

Hi,

I'm using RadControls for WPF 2010 Q1 (V2010.1.528.35). I have to customize the RadGridView according the following points :

the grid needs to define a first column that is a checkbox column allowing to select/deselect rows
this column is databound (2way) to a boolean property (IsSelected) of an object.
the column must be always in edit mode. The user needs to be allowed to check directly the checkboxes without a previous click/double click that put the cells in editmode.

The first 2 points are done without any problem. For the third, I've tried differents ways to achieve this goal but without success :/

Can someone provide me a little help on this point ?

Greets,

Thomas

GridView

answered on 07 Jun 2010

1 answer

234 views

Remove orange background color on mouseovervisual

I really need some help on this!! :)

I'm unable to get rid of the background of the mouseovervisual. I've followed the example provided in the project here with no luck http://www.telerik.com/community/forums/wpf/panelbar/turn-off-mouse-over-effect-in-item-panel.aspx.

The problem is that when the panels are expanded, the mouseovervisual effect of the default orange background still appears on hover, even when applying the PanelBarItemSecondLevelTemplateStyle to the RadPanelBarItem.

The xaml:

            <telerikNavigation:RadPanelBar x:Name="PresentationPanel" Template="{DynamicResource PresentationPanelBar}" Background="Transparent"
                                           dragDrop:RadDragAndDropManager.AllowDrop="True" Orientation="Vertical" ExpandMode="Multiple">
                <telerikNavigation:RadPanelBarItem Name="DetailsPanel" IsExpanded="{Binding IsDetailsExpanded}" Template="{DynamicResource PanelBarItemSecondLevelTemplateStyle}">
                    <telerikNavigation:RadPanelBarItem.Header>
                        <ContentControl Cursor="Hand">
                            <TextBlock Text="Details" Foreground="#FFFFFF" Margin="5 4 5 5"/>
                        </ContentControl>
                    </telerikNavigation:RadPanelBarItem.Header>
                    <local:DraggableListBox x:Name="DetailDraggableListBox" ItemsSource="{Binding AvailableDetails}"
                                            ItemTemplate="{StaticResource Test}"
                                            ItemsPanel="{StaticResource DefaultWorkspacePanelTemplate}"
                                            Background="Transparent"
                                            BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                    </local:DraggableListBox>
                </telerikNavigation:RadPanelBarItem>

                <telerikNavigation:RadPanelBarItem Name="TopicsPanel" IsExpanded="{Binding IsTopicsExpanded}" Template="{DynamicResource PanelBarItemSecondLevelTemplateStyle}">
                    <telerikNavigation:RadPanelBarItem.Header>
                        <ContentControl Cursor="Hand">
                            <TextBlock Text="Topics" Foreground="#FFFFFF" Name="txtTopicsHeader" Margin="5 4 5 5" />
                        </ContentControl>
                    </telerikNavigation:RadPanelBarItem.Header>
                    <local:DraggableListBox ItemsSource="{Binding TopicsForSelectedDetail}"
                                            ItemTemplate="{StaticResource Test}"
                                            ItemsPanel="{StaticResource DefaultWorkspacePanelTemplate}"
                                            Background="Transparent"
                                            BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                    </local:DraggableListBox>
                </telerikNavigation:RadPanelBarItem>
                <telerikNavigation:RadPanelBarItem Name="ContentPanel" IsExpanded="{Binding IsContentExpanded}" Template="{DynamicResource PanelBarItemSecondLevelTemplateStyle}">
                    <telerikNavigation:RadPanelBarItem.Header>
                        <ContentControl Cursor="Hand">
                            <TextBlock Text="Content" Foreground="#FFFFFF" Margin="5 4 5 5"/>
                        </ContentControl>
                    </telerikNavigation:RadPanelBarItem.Header>
                    <local:DraggableListBox ItemsSource="{Binding ContentForSelectedTopic}"
                                            ItemTemplate="{StaticResource Test}"
                                            ItemsPanel="{StaticResource DefaultWorkspacePanelTemplate}"
                                            Background="Transparent"
                                            BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                    </local:DraggableListBox>

                </telerikNavigation:RadPanelBarItem>
            </telerikNavigation:RadPanelBar>
        </Border>
    </Grid>

...and here's what I added to our Style.xaml resources file (per the example in the link above):

                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>

<Border x:Name="DisabledVisual" Opacity="0"
          BorderBrush="{StaticResource ControlOuterBorder_Disabled}"
          CornerRadius="{StaticResource ControlSubItem_OuterCornerRadius}"
          BorderThickness="{StaticResource ControlSubItem_OuterBorderThickness}">
                                <Border
           BorderBrush="{StaticResource ControlInnerBorder_Disabled}"
           CornerRadius="{StaticResource ControlSubItem_InnerCornerRadius}"
           BorderThickness="{StaticResource ControlSubItem_InnerBorderThickness}"
           Background="{StaticResource ControlBackground_Disabled}" />
                            </Border>

<Rectangle x:Name="FocusVisual" Visibility="Collapsed"
          Stroke="{StaticResource FocusBrushBlack}"
          StrokeThickness="1" StrokeDashArray="1 2"
          IsHitTestVisible="False" RadiusX="2" RadiusY="2" />

</Grid>

<Grid Visibility="Collapsed" Grid.Row="1" x:Name="ItemsContainer">
                            <telerikPrimitives:LayoutTransformControl
          x:Name="transformationRoot">
                                <ItemsPresenter />
                            </telerikPrimitives:LayoutTransformControl>
                        </Grid>

</Grid>

<ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            
                        </Trigger>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

PanelBar

answered on 07 Jun 2010

1 answer

79 views

Can't make 3d Charts?

I am currently testing Telerik, and testing for the charting at the moment, however I seem to be unable to render 3d charts.

Assume I have a XAML document, with one RadChart element, named w_Chart. The following works as expected:

    
            public MainWindow () 
        
                    { 
        
                        InitializeComponent (); 
        
                        SetupChart (); 
        
                    } 
        
                    public void SetupChart () 
        
                    { 
        
                        SeriesMapping sm1 = new SeriesMapping () { SeriesDefinition = new AreaSeriesDefinition () }; 
        
                        ItemMapping im1 = new ItemMapping () { DataPointMember = DataPointMember.YValue }; 
        
                        sm1.ItemMappings.Add (im1); 
        
                        w_Chart.SeriesMappings.Add (sm1); 
        
                        w_Chart.ItemsSource = Enumerable.Range (20, 5); 
        
                    }

However, if I change AreaSeriesDefinition to Area3DSeriesDefinition, it crashes (IntelliTrace picks up a lot of null reference exceptions). The same is true of Bar -> Bar3d.

What is required to get 3d charting to work?

[Edit: ] It also crashes when I attach a camera.

Chart

answered on 07 Jun 2010

4 answers

100 views

Change Expander on different ListItem Levels

Hello,

I have been playing around with this all day and have given up.

Based off the level of the treeview, I would like to change the expander line color. I tried to add a style to my ToggleButton x:Name="Expander" line in the RadTreeViewItem template figuring that would work but has no success.

I so far have only been able to change the expander for the entire treeview in the main treeview control.

Thanks for the help

Ryan

TreeView

answered on 07 Jun 2010

2 answers

104 views

How do I update VS2008 Help?

I've just updated to the latest release 2010_1_0422_DEV using the instructions in the Support section (manual update, no msi).

The VS2008 help content is now out of date. How do I update it?

I have downloaded the Documentation folder but don't know what to do with it.

Thanks.

General Discussions

answered on 07 Jun 2010

3 answers

135 views

Generate custom GridViewRows

Hello,

I'm trying to wrap the Telerik (Q1 2010) GridViewRow class within my own CustomGridViewRow implementation. However the items that are generated if I set the ItemsSource are not created correctly if I use a CustomGridView class that extends RadGridView and overrides the IsItemItsOwnContainerOverride and GetContainerFromItem methods.

    
            public class CustomGridView : RadGridView 
        
            { 
        
                protected override bool IsItemItsOwnContainerOverride(object item) 
        
                { 
        
                    return (item is CustomGridViewRow); 
        
                } 
        
                protected override DependencyObject GetContainerFromItemOverride(object item) 
        
                { 
        
                    return new CustomGridViewRow(); 
        
                } 
        
            } 
        
            public class CustomGridViewRow : GridViewRow 
        
            { 
        
            }

I suppose the problem is my implementation of the GetContainerFromItem method simply returning a new CustomGridViewRow instance which works fine on the RadTabControl to extend the TabItems with Closable support, but there the method signature has no item parameter so I guess I'm missing something here.

I hope someone can point me into the right direction.
Best regards,
Peter

GridView

answered on 07 Jun 2010

2 answers

166 views

EmptySelectionBoxTemplate when IsEditable

The RadComboBox doesn't seem to use the EmptySelectionBoxTemplate when IsEditable = true. Is it supposed to, or is there another template to use?

<telerik:RadComboBox EmptyText="Select an answer"
                 IsEditable="True"
                 ItemsSource="{Binding Answers}">
<telerik:RadComboBox.EmptySelectionBoxTemplate>
    <DataTemplate>
      <TextBlock Text="{Binding}" FontStyle="Italic" Foreground="Red" Opacity="0.4"/>
      </DataTemplate>
</telerik:RadComboBox.EmptySelectionBoxTemplate>
</telerik:RadComboBox>

Thanks

ComboBox

answered on 07 Jun 2010

1 answer

59 views

Is it possible to drag/drop between the content of a RadDropDownButton and a ListBox

Hello,

I have a problem with the drag and drop, my scenario is the following:

I have a RadDropDownButton that has a ListBox as it DropDownContent and I have another ListBox at the same level as the RadDropDownButton. This works like this: the user press the RadDropDownButton, the ListBox associated with the pressed RadDropDownButton appears and the user can drag and drop an item from the ListBox to another ListBox. The problem is that when I drag an item, the ListBox(DropDownContent) closes and the position of the arrowCue is set to the top left corner of the main window.

I think that the ListBox(DropDownContent) should not close until the item is dropped into the target.

I hope you can help me, maybe I'm doing something wrong.

Best regards.

DragAndDrop