Services
Support
Store
©2015 Intersoft Solutions. All rights reserved.

User Profile & Activity

Dev Ashish Member
Page
of 3
Grid Height Not Covering the Page
Posted: March 10, 2014 1:21 AM

Hi Yudi,

I tried removing scroll-y CSS class but now the footer/status bar is not visible.

And I am not able to upload images here. No matter how many times I tried the result is same.

Regards,

Dev

Grid Height Not Covering the Page
Posted: March 7, 2014 2:40 AM

Hi Yudi,

Any Updates?

Grid Height Not Covering the Page
Posted: March 4, 2014 1:47 AM

Hi Yudi,

Thanks for your reply.

Here is the code I am using please do have a look as it is not giving the desired output.


When the number of rows increases two scrollbar are coming in.


<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="SimpleDesktop.aspx.vb" Inherits="DT.V21.Web.SimpleDesktop" %>

<%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %>

<!DOCTYPE HTML>

<html style="height: 100%">


<head runat="server">

    <title>Untitled Page</title>

    <style type="text/css">

    html, body, form

    {

        height: 100%;

        width: 100%;

        padding: 0;

        margin: 0;

    }

    .row, .col

    {

        overflow: hidden;

        position: absolute;

    }

    .row

    {

        left: 0;

        right: 0;

    }

    .col

    {

        top: 0;

        bottom: 0;

    }

    .scroll-x

    {

        overflow-x: auto;

    }

    .scroll-y

    {

        overflow-y: auto;

    }

    .header.row

    {

        height: 100px;

        top: 0;

    }

    .body.row

    {

        top: 100px;

        bottom: 0;

    }

    

    </style>

</head>


<body id="body" runat="server" style="height: 100%">

    <form id="form1" runat="server" style="height: 100%">

        <div class="header row">

            <p>Here is some content for the page. Like header for which i have to give fixed height.</p>

        </div>

        <div id="test" class="body row scroll-y">

            <ISWebGrid:WebGrid ID="AvailableGrid" runat="server" RenderingMode="HTML5" DefaultStyleMode="Elegant" Height="100%" UseDefaultStyle="True" Width="100%" DataSourceID="AccessDataSource1">

                <LayoutSettings ColumnHeaders="Default" StatusBarVisible="True" TreeLines="False" AllowAddNew="No" AllowDelete="No" AllowEdit="No" AllowContextMenu="false" PersistRowChecker="true" AllowMultipleSelection="Yes" InProgressUIBehavior="ChangeCursorToHourGlass">

                    <TextSettings UseWebResources="true" Language="UseCulture"></TextSettings>

                </LayoutSettings>

                <RootTable DataKeyField="CustomerID">

                    <Columns>

                        <ISWebGrid:WebGridColumn Caption="CustomerID" DataMember="CustomerID" DataType="System.Int32" Name="CustomerID" Width="100px"></ISWebGrid:WebGridColumn>

                        <ISWebGrid:WebGridColumn Caption="CompanyName" DataMember="CompanyName" Name="CompanyName" Width="100px"></ISWebGrid:WebGridColumn>

                        <ISWebGrid:WebGridColumn Caption="ContactName" DataMember="ContactName" Name="ContactName" Width="100px"></ISWebGrid:WebGridColumn>

                        <ISWebGrid:WebGridColumn Caption="City" DataMember="City" Name="City" Width="200px"></ISWebGrid:WebGridColumn>

                    </Columns>

                </RootTable>

            </ISWebGrid:WebGrid>

            <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Themes/Northwind.mdb" SelectCommand="SELECT * FROM [Customers]"></asp:AccessDataSource>

        </div>

    </form>

</body>


</html>


Grid Height Not Covering the Page
Posted: March 3, 2014 1:41 AM

Hi Yudi,

It looks like in question above I forget to mention that I have a header in my page with a fixed height of 100px.

Also the images I uploaded earlier are also not opening and the images I am trying to load this time are getting distorted.

Regards,
Dev

All times are GMT -5. The time now is 1:54 AM.
Previous Next