Grid view scrollbars

[Vitas Vitauskas]

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..? 

[Rossen Hristov]

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.

[Thendral Perumal]

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

[Missing User]

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.

[Thendral Perumal]

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

[Missing User]

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.

[Thendral Perumal]

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

[Kalin Milanov]

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.

[Thendral Perumal]

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

[Thendral Perumal]

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

[Kalin Milanov]

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.