Questions on UI for WPF Forum

2 answers

322 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

227 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

77 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

97 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

98 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

129 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

156 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

58 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

answered on 07 Jun 2010

2 answers

66 views

One TileViewItem always maximised

First off, congratulations on a great set of controls.

I'm using the TileView for a settings page, and I don't want users to be able to minimise all the tiles - ie. I always want one of the items to be maximised. I was able to do this from the TileStateChanged event handler with the following code on each TileViewItem:

    
            private void RadTileViewItem_TileStateChanged(object sender, Telerik.Windows.RadRoutedEventArgs e)  
        
                    {  
        
                        Telerik.Windows.Controls.RadTileViewItem it = (Telerik.Windows.Controls.RadTileViewItem)e.OriginalSource;  
        
                        if (it.TileState == Telerik.Windows.Controls.TileViewItemState.Restored)  
        
                        {  
        
                            e.Handled = true;  
        
                        }  
        
                    }

This seems to work great, although it flips the minimised / maximised icon at the top right of the maximised window, which can look a little strange, although quite acceptable.

Is there a more elegant way of achieving the same?

Thanks.

TileView

answered on 04 Jun 2010

5 answers

91 views

Weird Issue: First TileItem does not get maximized

Hi,

First of all want to thank you for adding this great control.

I tried to use RadTileView control with RadFluidControl in a sample application and it works perfectly as expected. However, when I incorporated the RadTileView into our complex application the first tile item does never get maximized. The rest of the items (except the very first one) maximize and minimize. Changed the order of tile items and the problem remains on the first item. The icon on the top right corner of the TileViewItem changes to minimize/maximize/restore icons, but the view itself never maximizes. Whenever maximizing other views, the first one get minimized as expected.

Tried to use the same control (which contains RadTileView) in another empty application, and this issue does not happen.

The application uses numerous number of controls, including ribbon bar, data grids, MDI child windows, etc.

I'd appreciate if you could help to investigate this issue and solve it.

Thanks,

Ruben.

TileView

answered on 04 Jun 2010