Autosize pages containing grids

Hello Jure,

Thank you for the provided details.

The filter control which you are trying to achieve looks very similar to our RadFilterView control. It has a similar visual presentation (ExplorerBar), no header, and when the filter is applied 3 dots will appear (blue circle in your image) which allows you to clear the applied filter. You can consider using this control instead of modifying the RadPageView.

In this case, you still consider using the RadPageView control. To expand the RadGridView's inside so that only the parent scrollbar is visible, you will need to set the height of the RadGridView so that all rows inside are visible. You can do that in the LoadFilters() method.

 Private Sub LoadFilters()
 . .  .. . . . . .
For Each gridFilter In gridFilters

    gridFilter.Dock = DockStyle.None
    gridFilter.Location = New Point(0, 0)

    ' set the last column to fill the grid
    gridFilter.AllowAutoSizeColumns = True
    gridFilter.AutoSizeColumnsMode = GridViewAutoSizeColumnsMode.Fill
    gridFilter.Columns(1).AutoSizeMode = DataGridViewAutoSizeColumnMode.Fill
    gridFilter.Columns(0).BestFit()
    gridFilter.Columns(0).AutoSizeMode = BestFitColumnMode.None

    gridFilter.Anchor = AnchorStyles.Left Or AnchorStyles.Right Or AnchorStyles.Top 'Or AnchorStyles.Bottom

    Dim gridCalculatedHeight As Integer = 0
    gridCalculatedHeight = gridFilter.Height
    gridFilter.Height = (gridFilter.Rows.Count * gridFilter.TableElement.RowHeight) + gridFilter.TableElement.RowHeight '(column header row)
. . . . . . .

I will also reference below your other questions.

• The first time I expand one of the pages it appears gray and empty, without label, bug? (red)

The first time when a page is expanded, it renders the controls inside. While expanding it calculates what size it requires while the RadGridView is rendering which leads to a visual glitch. The next time it is expanded this is not observed as the RadGridView inside is already loaded. 

• How do I get rid of the header? (marked yellow)

The RadPageViewExplorerBarElement exposes a Header property that represents the RadPageViewLabelElement at the top. To hide it, you can set its Visibility to Collapsed.

Dim explorerBarElement As RadPageViewExplorerBarElement = (TryCast(Me.pageView.ViewElement, RadPageViewExplorerBarElement))
explorerBarElement.Header.Visibility = Telerik.WinControls.ElementVisibility.Collapsed

• Is it possible to include an icon/button aligned to the right of each Filter (to be used for clearing the selection)? (blue dots)

You can add a custom element to the page Item object. For example:

Dim btn As RadButtonElement = New RadButtonElement("BTN")
With btn
    .AutoSize = False
    .Size = New Size(30, 20)
    .Alignment = ContentAlignment.MiddleRight
End With
Me.pageView.Pages(0).Item.Children(0).Children.Add(btn)

You can also check the attached project. Still, my recommendation will be to check the RadFilterView control which I think will fit in your scenario.

Regards,
Dinko | Tech Support Engineer
Progress Telerik