100% radgrid with scrolling/paging inside radpane/tabstrip

[first last]

Hi,

I have the same scenario as http://www.telerik.com/community/code-library/submission/b311D-bkbkkd.aspx except that i have the grid inside a radtabstrip.

pseudo:

<splitter>
  <pane>
    <tabstrip>
      <multipageview>
        <pageview1>
        <grid>
     
if i do what's in the link, it works except that the paging and a little bit of a row is missing at the bottom. The reason for this is that the tabs [ blah ] [blah2] takes up a height. If i use firebug to remove the tabs, it displays correctly.

Any solutions to this? Thank you

Regards
Kjartan

[Dimo]

Hi Kjartan,

You can place the TabStrip in a separate splitter pane. In this way RadGrid will have an entire splitter pane for itself and will occupy 100% of the pane's height.

Greetings,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[first last]

Thank you very much, that worked as expected except for one small detail, if i do a splitter with two panes, one with the radtabstrip and one with the multiview, do i have to explicitly set the height of the one with radtabstrip in it? if not it divides it 50 - 50.

[Dimo]

Hello Kjartan,

Yes, indeed, it is better to set width for the TabStrip pane explicitly.

Greetings,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Bart Reekmans]

Hi,

I'm having a similar problem.

This is the code of my page (inherits from a Master page) : 

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <script type="text/javascript">
        function onTabSelecting(sender, args) {
            if (args.get_tab().get_pageViewID()) {
                args.get_tab().set_postBack(false);
            }
        }
    </script>
    <telerik:RadSplitter runat="server" ID="RadSplitter1" Width="100%" Height="100%"
        BorderSize="0" BorderStyle="None" PanesBorderSize="0" Orientation="Horizontal">
        <telerik:RadPane runat="server" ID="navigationPane">
            <telerik:RadTabStrip OnClientTabSelecting="onTabSelecting" ID="RadTabStrip1"
                SelectedIndex="0" CssClass="tabStrip" runat="server" MultiPageID="RadMultiPage1"
                OnTabClick="RadTabStrip1_TabClick" Orientation="HorizontalTop">
            </telerik:RadTabStrip>
        </telerik:RadPane>
        <telerik:RadPane runat="server" ID="contentPane">
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated">
            </telerik:RadMultiPage>
        </telerik:RadPane>
    </telerik:RadSplitter>
</asp:Content>

The RadMultipage1-control loads usercontrols (which only contain a radgrid) on demand (just like the example in the demos)
Setting the height of the "navigationPane" explicitly (e.g. 30px) does noet solve the problem : the radgrid shows a scrollbar, but does not occupy the complete height of the contentpane?

Any advice on this?

[Galin]

Hello Chris,

I just have tested your scenario and it works as expected. For reference I am sending a sample page. Please check it out and let me know if I have missed something important.


Greetings,
Galin
the Telerik team