This is a migrated thread and some comments may be shown as answers.

Grid view scrollbars

10 Answers 146 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Vitas Vitauskas
Top achievements
Rank 1
Vitas Vitauskas asked on 22 Dec 2009, 12:21 PM
Hello, i created some user control and it has telerik grid inside. Problem is with scrollbars - they dont appear automaticaly. even when grid has many columns. See my attached image.
My user control:
<UserControl x:Class="XSoftArt.WPFengine.BaseClasses.ListTemplate" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    > 
    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
         
        <Menu Name="menu1" Height="54" VerticalAlignment="Top" Background="AliceBlue"
             
            <MenuItem Name="MenuItemReports" Background="AliceBlue" Click="MenuItemReports_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/reports.png" /> 
                        <ContentPresenter Content="Reports" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemExport" Background="AliceBlue" Click="MenuItemExport_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/export32x32xp.png" /> 
                        <ContentPresenter Content="Export" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemNewRecord" Background="AliceBlue" Click="MenuItemNewRecord_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/new32.png" /> 
                        <ContentPresenter Content="New record" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemEditRecord" Background="AliceBlue" Click="MenuItemEditRecord_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/edit32.png" /> 
                        <ContentPresenter Content="Edit record" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemDeleteRecord" Background="AliceBlue" Click="MenuItemDeleteRecord_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/delete32.png" /> 
                        <ContentPresenter Content="Delete record" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemSettings" Background="AliceBlue" Click="MenuItemSettings_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/settings32.png" /> 
                        <ContentPresenter Content="Settings" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemRecordHistory" Background="AliceBlue" Click="MenuItemRecordHistory_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/histrory32x32xp.png" /> 
                        <ContentPresenter Content="Record history" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
            <MenuItem Name="MenuItemClose" Background="AliceBlue" Click="MenuItemClose_Click"
                <MenuItem.Header> 
                    <StackPanel> 
                        <Image Width="32" Height="32" Source="/XSoftArt.WPFengine;component/Images/uzdaryti programa.png" /> 
                        <ContentPresenter Content="Close window" /> 
                    </StackPanel> 
                </MenuItem.Header> 
            </MenuItem> 
 
        </Menu> 
        <Grid Margin="0,54,0,0" Name="grid1" Height="43" VerticalAlignment="Top" Background="AliceBlue"></Grid> 
        <Grid Margin="0,96,0,0" Name="grid2" Height="36" VerticalAlignment="Top" Background="AliceBlue"
            <Label HorizontalAlignment="Left" Margin="5,7,0,-5" Name="label1" Width="85.223">Record count:</Label> 
            <Label HorizontalAlignment="Left" Margin="85,7,0,4" Name="labelRecordCount" Width="57">0</Label> 
            <dxe:CheckEdit HorizontalAlignment="Left" Margin="124,7,0,7" Name="checkEdit1" Width="72" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" Checked="checkEdit1_Checked" Unchecked="checkEdit1_Unchecked">Select all</dxe:CheckEdit> 
            <Button Click="buttonDeleteSelected_Click" Background="AliceBlue" BorderThickness="2" HorizontalAlignment="Left" Margin="202,7,0,4" Name="buttonDeleteSelected" Width="89.183" FontSize="9">Delete selected</Button> 
            <Label HorizontalAlignment="Right" Margin="0,4,6,4" Name="labelSelectTime" Width="122" FlowDirection="RightToLeft">0</Label> 
            <Button HorizontalAlignment="Left" Margin="296.81,7,0,6" Background="AliceBlue" BorderThickness="2" Click="buttonSaveColumnLayout_Click" Name="buttonSaveColumnLayout" Width="125.743">Save column layout</Button> 
        </Grid> 
 
        <StackPanel Margin="0,58,149,0" Name="stackPanel1" Width="32" Height="32" HorizontalAlignment="Right" VerticalAlignment="Top"
            <Button Name="Button_ReloadData" Click="Button_ReloadData_Click" Background="AliceBlue" > 
                <Image Source="/XSoftArt.WPFengine;component/Images/reload32.png"></Image> 
            </Button> 
        </StackPanel> 
         
        <telerik:GridViewDataControl HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Name="dataGridView1" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" Margin="1.425,134,0,0" /> 
         
    </Grid> 
</UserControl> 
 
My tabControl, of which content is this user control:
<telerik:RadTabControl Margin="0,91,0,-2.896" x:Name="tabControlR" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" /> 
Method, which fills tabItem content:
            RadTabItem tabItem = new RadTabItem(); 
            ListTemplate lst = new ListTemplate(); 
            
            lst.tabWindow = tabItem
            tabItem.Content = lst
            tabItem.Header = "Paieskos langas II"
            tabItem.Name = "tabPaieskosTestas"
            tabControlR.Items.Add(tabItem); 
How to make the grid to get scrollbars automatically in all dimensions, depending on the data and tab item measurements..? 

10 Answers, 1 is accepted

Sort by
0
Rossen Hristov
Telerik team
answered on 22 Dec 2009, 02:23 PM
Hello Vitas Vitauskas,

Please, give RadGridView an explicit size so that scroll-bars can be calculated. Let us know if this does not help.

All the best,
Ross
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Thendral Perumal
Top achievements
Rank 1
answered on 29 Dec 2009, 07:49 AM
Hi Genius,

We have created a GridView with Groups inside the Grid. The Scrollbars are displaying separately for the Grouped Inner Grid. But few columns disappear if the width is more. Please check the attached Image. We have disabled the Scrollbar Visibility for the Inner Grid alone, because the Header Row of the Inner Grid does not move with the Datas.

Kindly tell us what to do to get the Scrollbars and the Columns right. Since the data is dynamic we will not be able to give an explicit width for the Grids.

Thanks in Advance for your help...

Thanks & Regards,
Thendral
0
Missing User
answered on 29 Dec 2009, 08:46 AM
Hello Thendral Perumal,

I believe that we have already fixed similar issue for our first service pack.
Can you confirm that this issue still occurs with the latest official release (2009.3.1208 aka 2009.Q3.SP1)?

Regards,
Anastasia
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Thendral Perumal
Top achievements
Rank 1
answered on 29 Dec 2009, 09:06 AM
Hi Genius,

Thanks for the prompt reply.

We are using the - RadControls_for_WPF_2009_3_1103_TRIAL.msi file for this GridView. Is this an older version. Can you give us the link for the - 2009.3.1208 aka 2009.Q3.SP1 Trial.

Thanks & Regards,
Thendral
0
Missing User
answered on 29 Dec 2009, 09:15 AM
Hi Thendral Perumal,

2009_3_1103 is the version from our official Q3 release.

You can download the RadControls for WPF installer (Version: 2009.3 1208) from:
Your Account-> Free Trials ->RadControls for WPF

Hope this helps.

Regards,
Anastasia
the Telerik team


Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Thendral Perumal
Top achievements
Rank 1
answered on 29 Dec 2009, 09:22 AM

Hi Genius,

That was a quick reply. Thanks. Will try this out and get back to you.

We also need to change the Filter Icon (in the screenshot) to any custom icon of our choice. Is that possible? Thanks in advance for this.

Thanks & Regards,
Thendral
0
Kalin Milanov
Telerik team
answered on 29 Dec 2009, 09:45 AM
Hi Thendral Perumal,

Please review the sample application attached. In it only the colors are changed but you can replace the paths altogether to something of your choosing.

Kind regards,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Thendral Perumal
Top achievements
Rank 1
answered on 29 Dec 2009, 10:34 AM

Hi Genius,

Thank you for the quick reply. We are able to change the colour and size. How can we apply the filter icon programatically?

Thanks & Regards,
Thendral
0
Thendral Perumal
Top achievements
Rank 1
answered on 29 Dec 2009, 11:54 AM

H Genius,

We need a single Date & Time Picker control for the GridView. What we have now is a combinaion of both as a User Control (with the Calendar & Clock Icon), but we want a single control, where we can pick the date and edit a digital clock by double clicking on the values. Is this possible?

Thanks & Regards,
Thendral
0
Kalin Milanov
Telerik team
answered on 04 Jan 2010, 12:53 PM
Hi Thendral Perumal,

To change the filtering icon programmatically you can replace the paths in the original XAML with a ContentPresenter / Image control and bind it to your icons / custom logic.

Kind regards,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
GridView
Asked by
Vitas Vitauskas
Top achievements
Rank 1
Answers by
Rossen Hristov
Telerik team
Thendral Perumal
Top achievements
Rank 1
Missing User
Kalin Milanov
Telerik team
Share this question
or