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

100% size in vertical

17 Answers 125 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Carlos
Top achievements
Rank 1
Carlos asked on 29 Apr 2013, 01:59 PM
HI all anybodu knows how to put a rad grid at full size in vertical?

Best regards.

17 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 30 Apr 2013, 03:40 AM
Hi Carlos,

I am not sure about your requirement. Try setting the Height property of the RadGrid to 100%.

ASPX:
<telerik:RadGrid ID="RadGrid1" runat="server" Height="100%"   .    .   .  >

Please elaborate the scenario if it doesn't help.

Thanks,
Princy.
0
Carlos
Top achievements
Rank 1
answered on 30 Apr 2013, 08:29 AM
Hi,

i tried and its still like 100% but it doesnt fill in the vertical de page.

0
Angel Petrov
Telerik team
answered on 01 May 2013, 03:50 PM
Hello Carlos,

When the grid height is set to 100 percent it will expand to the full extend of it's container. Do you want the grid container to be the page itself? Please elaborate more on your requirements so we could advise you with the best possible option.

All the best,
Angel Petrov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Carlos
Top achievements
Rank 1
answered on 02 May 2013, 08:35 AM
Ok,

I have a radgrid inside a <form>, and its displayed on a container on the masterpage but when i put 100% on the radgrid it only ocupies half the container.

Thats the problem.
0
Angel Petrov
Telerik team
answered on 07 May 2013, 08:20 AM
Hi Carlos,

Following the scenario described I have created a sample project and in my case the grid occupies the height of it's container as expected. Please review the test solution and tell us what differs in your case.

Kind regards,
Angel Petrov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Carlos
Top achievements
Rank 1
answered on 12 Jun 2013, 03:38 PM
hi thanks for the example but still when i put the height="100%", the foot and header get together hiding the data.

im getting crazy with this.

best regards
0
Princy
Top achievements
Rank 1
answered on 13 Jun 2013, 04:57 AM
Hi Carlos,

Please try this,if you are using AllowScroll property of ClientSetting set it to False, please disable that and try.
Else Provide your code for more help.

Thanks,
Princy
0
Carlos
Top achievements
Rank 1
answered on 14 Jun 2013, 09:39 AM
that worked, but is there a solution fo it, i need a scroll :P.

Best regards
0
Princy
Top achievements
Rank 1
answered on 14 Jun 2013, 11:28 AM
Hi,

Please try the following code.Hope this helps you.

ASPX:
<telerik:RadGrid ID="RadGrid2" runat="server"   Height="100%" . . . . . >
 <MasterTableView . . . . .  >
   <Columns>
      .
      .
 
   </Columns>
 </MasterTableView>
 <ClientSettings>
    <Scrolling AllowScroll="True" ScrollHeight="100%"  UseStaticHeaders="true" ></Scrolling>  
 </ClientSettings>
</telerik:RadGrid>

CSS:
<style type="text/css">
       html, body, form
       {
           height: 100%;
           margin: 0;
           padding: 0;
       }
       div.RadGrid
       {
           border: 0 none;
       }
</style>

Thanks,
Princy
0
Carlos
Top achievements
Rank 1
answered on 14 Jun 2013, 02:10 PM
thank you Princy, for the moment i had to put the div whit scroll on the overflow so i can have scroll, that way didnt work

thanks
0
Carlos
Top achievements
Rank 1
answered on 16 Aug 2013, 10:09 AM
Hi all,

So any news how to put the radgrid att full 100% size with scroll and fixed headers????

Regards
0
Princy
Top achievements
Rank 1
answered on 16 Aug 2013, 10:42 AM
Hi Carlos,

I guess you want to occupy 100% height of the container  for grid with scrolling and static headers.Please try the below code snippet.

ASPX:
<div style="height: 500px;">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="true" PageSize="40" Width="100%" Height="100%" Style="border: 0; outline: none">
        <MasterTableView TableLayout="Fixed" />
        <ClientSettings>
            <Selecting AllowRowSelect="true" />
            <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="100%" />
        </ClientSettings>
    </telerik:RadGrid>  
</div>

CSS:
<style type="text/css">
    html
    {
        overflow: auto;
    }
         
    html, body, form
    {
        margin: 0;
        height: 100%;
    }
</style>


Hope this helps.
Thanks,
Princy
0
Carlos
Top achievements
Rank 1
answered on 16 Aug 2013, 12:13 PM
Hi again, nothing it still doesnt go 100% od the div


Best Regards
0
Princy
Top achievements
Rank 1
answered on 19 Aug 2013, 04:09 AM
Hi Carlos,

Please have a look into this code library,Setting 100% height and resize on container resize for grid with scrolling and static headers.If this doesn't help,Please provide your full code snippet.

Thanks,
Princy
0
540YMX
Top achievements
Rank 1
answered on 01 Sep 2013, 09:52 AM
This wasn't working for me either but removed:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

And now works as expected.
0
540YMX
Top achievements
Rank 1
answered on 01 Sep 2013, 11:58 AM
Unfortunately it doesn't work when published to a production server.
0
Carlos
Top achievements
Rank 1
answered on 02 Sep 2013, 09:54 AM
Hi all,

i resolved this way, creted a single cell table, wit a 100% width and height, an inserted the radgrid inside, now it ocuppys the div.

regards
Tags
Grid
Asked by
Carlos
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Carlos
Top achievements
Rank 1
Angel Petrov
Telerik team
540YMX
Top achievements
Rank 1
Share this question
or