Questions on UI for WPF Forum

3 answers

111 views

Simple Doc layout blocked by DocumentHost

I am trying to achieve a very simple 2 pane docking layout. I want both panes to fill the space available with a splitter between them. If I hide one pane I want the other to fill the remaining space. Here is my markup:

    
                <Grid> 
        
                    <telerik:RadDocking Name="radDocking1" > 
        
                        <telerik:RadSplitContainer Name="LeftContainer" InitialPosition="DockedLeft" > 
        
                            <telerik:RadPaneGroup> 
        
                                <telerik:RadPane Header="Task List"> 
        
                                </telerik:RadPane> 
        
                            </telerik:RadPaneGroup> 
        
                        </telerik:RadSplitContainer> 
        
                        <telerik:RadSplitContainer Name="RightContainer" InitialPosition="DockedRight"> 
        
                            <telerik:RadPaneGroup> 
        
                                <telerik:RadPane Header="Map"> 
        
                                </telerik:RadPane> 
        
                            </telerik:RadPaneGroup> 
        
                        </telerik:RadSplitContainer> 
        
                    </telerik:RadDocking> 
        
                </Grid>

What seems to be blocking this is the DocumentHost. Even when I remove the document host by following the posted instructions - using blend to grab the style sheet and setting visibility to collapsed I still can't get my 2 panes to fill the space.

Any ideas anyone?

Cheers

Steve

Docking

answered on 21 Dec 2009

2 answers

126 views

ScrollBar DoubleClick

Hi, I have a problem, when I select a row of my RadGriView Q3 and this hase a ScrollBar, If I do Double Click in the arrow of the scrollbar, this executes the event "MousDoubleClik" of my RadGrid, I need to block this event in the scroll bar, help me

Regards!!

GridView

answered on 21 Dec 2009

18 answers

1.0K+ views

Multiple child tables in hierachical radgridview

I managed to make RadGridView show multiple related tables (LINQ to SQL) by approach used in FirstLook sample (create GridViewTableDefinition and TableRelation). If I add two table definitions it works OK (besides showing empty table if no related record exists).

I'd like to know if there exists a way, to show each of related tables in separate tab of RadTabControl. If I define HierarchyChildTemplate/DataTemplate with RadTabControl where each tab containins GridViewDataControl, I get two tab-controls instead of one, first one showing first relation on all tabs and second tab-control showing second related table on all tabs. Is there a Way to show child-table per tab-item (or expander or something alike)?

Thanks.

Branko

GridView

answered on 21 Dec 2009

1 answer

80 views

Drag drop between two tree views not possible?

Hi,

I'm new in using your nice controls. Great job guys!

Now to my problem:
My application needs the functionality to drag & drop tree nodes between two treeviews which are placed in separate grid columns.
Drag and Drop does not work. If I try to drag an item, the mouse cursor does not change and I have no idea why.

The definition of the first treeview is:
<telerik:RadTreeView IsOptionElementsEnabled="True"
                                   ItemsOptionListType="CheckList"
                                   IsLineEnabled="True"
                                   IsTriStateMode="True"
                                   LoadOnDemand="oTreeViewSource_LoadOnDemand"
                                   ItemPrepared="oTreeViewSource_ItemPrepared"
                                   IsDragDropEnabled="True"
                                   IsDragTooltipEnabled="False"
                                   AllowDrop="True"
                                   Margin="6"
                                   SelectionMode="Multiple"
                                   Name="oTreeViewSource" />

and the definition of the second is:
<telerik:RadTreeView IsDragDropEnabled="True"
   AllowDrop="True"
   Name="oTreeViewTarget"
   Margin="6"></telerik:RadTreeView>

The items in the first treeview were added like this:
            RadTreeViewItem oTreeViewTargetItem = new RadTreeViewItem();
           oTreeViewTargetItem.Header = "New item";
            nIndex = oTreeViewSource.Items.Add(oTreeViewTargetItem);

Does anyone has an idea what is wrong?

Thanks
Dieter

TreeView

answered on 21 Dec 2009

1 answer

109 views

Changing items in ItemsSource

I want to change the items in my TileView's items source at runtime. The item's are being shown correctly after I've populated the Itemssource for the first time. When changing the source the items move over each other.

Example code:

    
            public Window1()  
        
                  {  
        
                     InitializeComponent();  
        
                     RadTileView1.ItemsSource = new ObservableCollection<Test> {   
        
                        new Test() { Description = "11" },   
        
                        new Test() { Description = "22" } ,  
        
                        new Test() { Description = "33" } ,  
        
                        new Test() { Description = "44" } ,  
        
                        new Test() { Description = "55" } ,  
        
                        new Test() { Description = "66" }   
        
                     };  
        
                  }  
        
                 private void button1_Click(object sender, RoutedEventArgs e)  
        
                  {  
        
                     ObservableCollection<Test> col = (ObservableCollection<Test>)RadTileView1.ItemsSource;  
        
                     col.Clear();  
        
                     col.Add(new Test() { Description = "aa" });  
        
                     col.Add(new Test() { Description = "bb" });  
        
                     col.Add(new Test() { Description = "cc" });  
        
                     col.Add(new Test() { Description = "dd" });  
        
            }

Regards,
Michael

TileView

answered on 21 Dec 2009

13 answers

225 views

Where to put the XAML for the window?

I've created a dialog box in XAML using a RadWindow, and I've just put the XAML into my main page, so it shows up in the design view in Visual Studio, hiding everything underneath it. Do you have any tips for a better way to do this?

Steve

Window

answered on 21 Dec 2009

1 answer

84 views

Problem with Asterick Width for Grid Column

I just upgraded to Q3 SP1 and have a problem with the Asterick width for Grid Column Width. Whenever this is used it causes the screen to resize out of control. I have the following example within a window which illustrates the problem even though I am using it on a usercontrol.

Here is the XAML:

                    <Window x:Class="TelerikTestProject.Window1"         
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         
                Title="Window1"          
                xmlns:shared="http://schemas.actiprosoftware.com/winfx/xaml/shared"         
                xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"         
                    >         
                <Grid>         
                    <telerik:RadGridView AutoGenerateColumns="False" ItemsSource="{Binding PatientDiagnoses}">         
                        <telerik:RadGridView.Columns>         
                            <telerik:GridViewDataColumn Width="*"  Header="Code"  DataMemberBinding="{Binding Path=Code}" />          
                        </telerik:RadGridView.Columns>         
                    </telerik:RadGridView>         
                </Grid>         
            </Window>         

Thanks,

Billy Jacobs

GridView

answered on 21 Dec 2009

3 answers

111 views

IsBusy icon "animation"

If I load a big collection or a collection from webservice the "isBusy" icon stop animate. I have to load in separate thread and to temporary collection before applaying to itemsource.

Is "IsBusy icon" in a separate thread inside the Grid?

GridView

answered on 21 Dec 2009

3 answers

113 views

Firefox 3.5 - Can't run online demo

Any ideas why I can't run your online WPF demos with Firefox 3.5? It just keeps prompting me to open temporary (random) xbap files, which I do, and then I'm again prompted constantly. I used to be able to run them at some point in the past. I have the Microsoft .NET assistance add-in installed and enabled (fresh computer install as well).

Regards,

General Discussions

answered on 21 Dec 2009

4 answers

225 views

How to change the Classical Hirerechial related table as discribed in Telerik WPF Demo Data Grid Look

Hello Telerik Team,

I managed to make RadGridView show multiple related tables (LINQ to SQL) by approach used in FirstLook sample (create GridViewTableDefinition and TableRelation). If I add two table definitions it works OK (besides showing empty table if no related record exists).

I'd like to know if there exists a way, to show each of related tables in separate tab of RadTabControl.

RadGridView (Attached Image which describes how is related tables are used via TabControl in your WPF Demo Application)
Telerik_WPFControls_Demo_DataGrid (Attached Image which describes how is related tables are used via TabControl in your WPF Demo Application)
My_TabControlStylingPic (The style that I want to use )
CurrentRelatedTabelLook( The current look of the related table)

What I want to do is to change the look in (Image 4) by (Image 3)

5. The following code (Is the My own XAML code of My_TabControlStylingPic - as attached) - It was designed using Blend. Here is the code:

    
            <Window  
        
                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" 
        
                x:Class="RadTabControlStyling.MainWindow" 
        
                x:Name="Window" 
        
                Title="MainWindow" 
        
                Width="703" Height="533">  
        
                <Grid x:Name="LayoutRoot">  
        
                    <Rectangle Stroke="Black" Margin="8,8,8,0" Fill="#FF525252" VerticalAlignment="Top" Height="387"/>  
        
                    <Border Margin="8,8,8,0" BorderBrush="Black" BorderThickness="3" VerticalAlignment="Top" Height="387">  
        
                        <Rectangle Stroke="Black" Margin="20,84,20,0" StrokeThickness="2" VerticalAlignment="Top" Height="276">  
        
                            <Rectangle.Fill> 
        
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  
        
                                    <GradientStop Color="Black" Offset="0"/>  
        
                                    <GradientStop Color="#FF3C3C3C" Offset="1"/>  
        
                                </LinearGradientBrush> 
        
                            </Rectangle.Fill> 
        
                        </Rectangle> 
        
                    </Border> 
        
                    <telerik:RadTabControl Margin="50,53,52,0" VerticalAlignment="Top" Height="39">  
        
                        <telerik:RadTabControl.Background> 
        
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  
        
                                <GradientStop Color="Black" Offset="0"/>  
        
                                <GradientStop Color="#FF969494" Offset="1"/>  
        
                                <GradientStop Color="#FF191818" Offset="0.261"/>  
        
                                <GradientStop Color="#FF585353" Offset="0.504"/>  
        
                                <GradientStop Color="#FF676666" Offset="0.75"/>  
        
                            </LinearGradientBrush> 
        
                        </telerik:RadTabControl.Background> 
        
                        <telerik:RadTabItem Width="110" Height="30" BorderThickness="2" Header="RadTabItem" telerik:StyleManager.Theme="Vista"/>  
        
                        <telerik:RadTabItem Width="110" BorderThickness="2" Header="RadTabItem"/>  
        
                        <telerik:RadTabItem Width="110" BorderThickness="2" Header="RadTabItem"/>  
        
                    </telerik:RadTabControl> 
        
                    <StackPanel VerticalAlignment="Top" Height="30" Margin="34,96,34,0">  
        
                        <StackPanel.Background> 
        
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  
        
                                <GradientStop Color="Black" Offset="0"/>  
        
                                <GradientStop Color="#FF373737" Offset="1"/>  
        
                            </LinearGradientBrush> 
        
                        </StackPanel.Background> 
        
                    </StackPanel> 
        
                </Grid> 
        
            </Window>

6. The following code is the current code that represents Classical Hirerchial Related Table.

<Window x:Class="RadWpfDataGridsample.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" >

    <Grid Loaded="Grid_Loaded" Background="Black" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

        <Grid.Resources>

            <Style TargetType="Telerik:ChildDataControlsPresenter">

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="Telerik:ChildDataControlsPresenter">

                            <TabControl>

                                

                                

                                <TabItem Width="110"

                                             Height="30"

                                             BorderThickness="2"

                                             Header="Orders" >

                                    <Telerik:RadGridView ItemsSource="{Binding MasterRecord.Data.Orders}" />

                                </TabItem>

                            </TabControl>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

        </Grid.Resources>

        <Telerik:RadGridView Name="radGridView1"

                             ScrollMode="Deferred"

                             ClipToBounds="True"

                             FlowDirection="LeftToRight"

                             MultipleSelect="True"

                             ShowGroupFooters="True"

                             ShowColumnFooters="True"

                             Telerik:StyleManager.Theme="Vista"

                             Margin="0,0,0,12" />

    </Grid>

</Window>

Now... what I want to do is just to modify the code in 6 by code in 5 in order to get the look in My_TabControlStylingPic attached image.

Hope that you can help me since I am stack, and cannot go on in my application. This is teh look that my customer needs.

Thank you
Wael

6. The following code is the current code that represents Classical Hirerchial Related Table.Hope that you can help me since I am stack, and cannot go on in my application. This is teh look that my customer needs.Thank you Wael

GridView

answered on 20 Dec 2009