Hi,

I am into the development of a web application, the UI was initially designed in the WXGA format display on Laptops.

I have optimise the display to 800 X 600 for regular display.

we are using Data Grid ccontrol given my miscrosoft as a part oof System.Web.UI.Controls namespace. I am unable to resize the data grid neither on the design side nor from the HTML code.

please advise asap.

thanking you

regards
sasidhar

thanks,
Sasidhar

__________________
thanks,
Sasidhar

How have you attempted to resize it? What does your markup look like for the grid?

-Peter

Below is the grid markup

************************************************** ************
<asp:DataGrid id="dgReviewRevokeApprovals" runat="server" Width="873px" PagerStyle-CssClass="PagerStyle"
                            AlternatingItemStyle-CssClass="AlternatingItemStyle" HeaderStyle-CssClass="HeaderStyle" ItemStyle-CssClass="ItemStyle"
                            FooterStyle-CssClass="FooterStyle" ShowFooter="True" AllowPaging="True" PagerStyle-NextPageText="Next"
                            PagerStyle-PrevPageText="Prev" PagerStyle-Mode="NextPrev" AutoGenerateColumns="False" CellPadding="5"
                            HorizontalAlign="Center" Height="416px">
                            <FooterStyle CssClass="FooterStyle"></FooterStyle>
                            <AlternatingItemStyle CssClass="AlternatingItemStyle"></AlternatingItemStyle>
                            <ItemStyle CssClass="ItemStyle"></ItemStyle>
                            <HeaderStyle CssClass="HeaderStyle"></HeaderStyle>
                            <Columns>
                                <asp:TemplateColumn HeaderText="Select">
                                    <ItemTemplate>
                                        <asp:checkbox Runat="server" ID="chkSelect"></asp:checkbox>
                                    </ItemTemplate>
                                </asp:TemplateColumn>
                                <asp:ButtonColumn DataTextField="Requisition #" HeaderText="Requisition #" CommandName="ReqNo">
                                    <ItemStyle Width="100px"></ItemStyle>
                                </asp:ButtonColumn>
                                <asp:BoundColumn DataField="Requisition Date" HeaderText="Req. Date">
                                    <ItemStyle Width="90px"></ItemStyle>
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="Requested By" HeaderText="Req. By">
                                    <ItemStyle Width="120px"></ItemStyle>
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="Class" HeaderText="Class">
                                    <ItemStyle Width="90px"></ItemStyle>
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="Category" HeaderText="Category"></asp:BoundColumn>
                                <asp:BoundColumn DataField="Item Name" HeaderText="Item Name"></asp:BoundColumn>
                                <asp:BoundColumn DataField="Qty" HeaderText="Qty"></asp:BoundColumn>
                                <asp:BoundColumn DataField="Appx Amt($)" HeaderText="Appx. Amt">
                                    <ItemStyle HorizontalAlign="Right"></ItemStyle>
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="Desired Date of use" HeaderText="Date Needed By">
                                    <ItemStyle Width="100px"></ItemStyle>
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="InStock" HeaderText="Similar Item InStock">
                                    <ItemStyle Width="90px"></ItemStyle>
                                </asp:BoundColumn>
                                <asp:TemplateColumn HeaderText="Approve only if the Item in Inventory">
                                    <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                    <ItemTemplate>
                                        <asp:checkbox Runat="server" ID="chkApproveonlyIfItemInInventory"></asp:checkbox>
                                    </ItemTemplate>
                                </asp:TemplateColumn>
                                <asp:ButtonColumn DataTextField="Last Approved By" HeaderText="Last Approved By" CommandName="Status">
                                    <ItemStyle Width="130px"></ItemStyle>
                                </asp:ButtonColumn>
                            </Columns>
                            <PagerStyle NextPageText="Next" PrevPageText="Prev" CssClass="PagerStyle"></PagerStyle>
                        </asp:DataGrid>

thanks,
Sasidhar

With all those columns and the grid having explicit widths, you'll need to change them all to some extent to get the grid to change. You could try removing all the width attributes and see what happens, then the grid would flex in the browser according to the content.

-Peter