This is a migrated thread and some comments may be shown as answers.
DataGrid Scrolling over the header title
12 Answers 47 Views
This is a migrated thread and some comments may be shown as answers.
Evan
Top achievements
Rank 1
Evan asked on 22 Nov 2017, 11:06 PM

I am trying to implement a data grid to have a GroupDescriptor and one TextColumn. I am able to display all the data correctly but when I scroll down the top rows are being scrolled over the header title. Below is the section of the data grid is there something that I am missing?

 

<telerikGrid:RadDataGrid AutoGenerateColumns="False" x:Name="AssignedRolesList" Grid.Row="1">                        <telerikGrid:RadDataGrid.GroupDescriptors>                            <common:PropertyGroupDescriptor PropertyName="RoleName" />                        </telerikGrid:RadDataGrid.GroupDescriptors>                        <telerikGrid:RadDataGrid.Columns>                            <telerikGrid:DataGridTextColumn PropertyName="OperationalPeriodName" HeaderText="Assigned Roles" />                        </telerikGrid:RadDataGrid.Columns>                    </telerikGrid:RadDataGrid>

12 Answers, 1 is accepted

Sort by
0
Petar Marchev
Telerik team
answered on 27 Nov 2017, 12:11 PM
Hi Evan,

Perhaps I do not understand the issue at hand very clearly. I tested the xaml code you provided and it looks as expected. The rows do not overlap the column header. I am attaching an image of the output I get and the xaml and cs files I tested with. If you still think there is an issue on your side, please provide more details and snapshots of the datagrid you see.

Regards,
Petar Marchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Evan
Top achievements
Rank 1
answered on 27 Nov 2017, 08:16 PM

Ok I got it to not scroll over the header but it is also scrolling over other contents of the page. We have a custom navigation bar and another small grid in the main content section of the page. When I scroll down the header and the contents of the data grid go to the top of the page. Is there a way to limit how far the contents will show?

 

Thanks,

Evan

0
Evan
Top achievements
Rank 1
answered on 28 Nov 2017, 07:03 PM
I fixed the issue in the scroll view i set IsClippedToBounds="True"
0
Accepted
Petar Marchev
Telerik team
answered on 30 Nov 2017, 08:08 AM
Hi Evan,

I can't say that I understand the issue you were facing. Our Xamarin Forms DataGrid does not provide a way for you to access the inner ScrollViews. This is why I will assume that you are talking about an element that is outside the DataGrid. I think that you were able to resolve this, if that is the case, we can consider this resolved. If you need further assistance, please provide more details, like snapshots of the current output and drawing of some sort that depicts the desired result. Also provide some information about what platform you use and if you are using a simulator or a physical device.

Regards,
Petar Marchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Evan
Top achievements
Rank 1
answered on 30 Nov 2017, 04:10 PM

Hello
You are correct it was the outer scroll view that I had to add in order for the DataGrid to scroll in place. I have the DataGrid in a row of a normal grid with the height set to *. The header would stay in place while the column contents would scroll over the header as well as the above rows of the normal Grid.  

We are using an android simulator.

It does not seem I can attach files to a reply so I cant share a screen shot of what the issue looked like

0
Evan
Top achievements
Rank 1
answered on 30 Nov 2017, 04:11 PM

Hello
You are correct it was the outer scroll view that I had to add in order for the DataGrid to scroll in place. I have the DataGrid in a row of a normal grid with the height set to *. The header would stay in place while the column contents would scroll over the header as well as the above rows of the normal Grid.  

We are using an android simulator.

It does not seem I can attach files 

0
Petar Marchev
Telerik team
answered on 04 Dec 2017, 09:08 AM
Hello Evan,

Earlier in the conversation I attached a small piece of code and snapshots of the output I get. Were you able to test and see if you get the same results?

Perhaps I do not understand what you mean fully, but the default behavior of the DataGrid is such that it will not draw the rows over the column headers and will not draw anything outside of its boundaries. I feel that I cannot help any further unless you provide code that we can test with.

You cannot attach a file because this is a public forum thread and not a support ticket. In order to open a support ticket, you need your profile to be linked to a licensed account. Alternatively, you can attach the files in some cloud storage and give us a link. Or, if the code is not that much, you can share the code directly in the text editor.

Regards,
Petar Marchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Stavros
Top achievements
Rank 1
answered on 03 Apr 2018, 09:54 AM

There is a bug.I change the header style by code and when I scrolling the  the rows are drawing over column headers.

*
DataGridTextColumn gridColumn = new DataGridTextColumn()
                                    {
                                        PropertyName = ,
                                        CellContentStyle = leftAlign,
                                        HeaderStyle = new DataGridColumnHeaderStyle
                                        { 
                                            OptionsButtonTextColor = Color.Transparent,
                                            BorderColor = Color.Grey,
                                            BorderThickness = new Thickness(1,1,0,1),
                                            BackgroundColor = Color.Red.MultiplyAlpha(0.07),
                                        },
                                    };

 
0
Petar Marchev
Telerik team
answered on 04 Apr 2018, 07:43 AM
Hi,

You are correct - the rows panel is drawn underneath the column headers panel. When transparency is used, they overlap. I would suggest that you do not use transparency in the column headers as this is not a supported scenario at the moment.

Regards,
Petar Marchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Stavros
Top achievements
Rank 1
answered on 04 Apr 2018, 07:56 AM

Hi, 

How can I hide option menu on header row? Because here is mentioning as the only solution the transparency.

Regards, 
Stavros

 

0
Petar Marchev
Telerik team
answered on 04 Apr 2018, 10:05 AM
The reason you see the rows underneath is that the background color of the header is semi transparent - BackgroundColor = Color.Red.MultiplyAlpha(0.07). If you were to use a solid non-transparent color, it should work as expected. Let us know if you need further assistance.

Regards,
Petar Marchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Stavros
Top achievements
Rank 1
answered on 04 Apr 2018, 10:38 AM
It's ok now. thanks
Asked by
Evan
Top achievements
Rank 1
Answers by
Petar Marchev
Telerik team
Evan
Top achievements
Rank 1
Stavros
Top achievements
Rank 1
Share this question
or