[RESOLVED] Gridview Question Again

[aNubies]

When im populating my gridview exactly 10 data the design would be exact however, when no records found my gridview becomes bigger. How to set it exactly thesame ?

[gep13]

Hello,

Just so that we are on the same page, would it be possible for you to show a screen shot of what you are referring to?

Gary

[aNubies]

Sorry for the late postback . Anyway this is an example, take have a look on the image below thats what happen when below 10 records displayed in the gridview the header and columnds become huge so how am I able to fix the size of those headers and columns.

[gep13]

Hey,

You are going to have to show us the ASPX markup, and any CSS that you are using?

It could be that you can add the EmptyDataTemplate to the GridView to account for when this happens, but you must be fixing the width and height of the GridView somewhere, and this is why you are seeing what you are.

Gary

[aNubies]

This is my MARKUP code for my GridView.

                <asp:GridView ID="dgvRecords" runat="server" 
                    style="position:absolute; top: 210px; left: 351px; height: 374px; width: 433px;" 
                    AllowPaging="True" AutoGenerateColumns="False" CellPadding="4" 
                    ForeColor="#333333" GridLines="None" Font-Names="Arial" 
                    Font-Size="8pt">
                    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                    <Columns>
                        <asp:BoundField DataField="BUS_CTRL_NO" HeaderText="Control No." />
                        <asp:BoundField DataField="BUS_NAME" HeaderText="Business Name" />
                        <asp:CommandField ShowSelectButton="True" />
                    </Columns>
                    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                    <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                    <EditRowStyle BackColor="#999999" />
                    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                </asp:GridView>

And for populating my GridView this is how I done it:

            Me.dgvRecords.DataSource = dtTable
            Me.dgvRecords.DataBind()

[]

[danasegarane]

It is because of CellPadding="4"

Remove it or give it as 1. This will fix your problem

[aNubies]

Nothing happen, still the same -sire

[gep13]

Hello,

It is because of what I said.

Your GridView has a fixed width and height. When there is no data to be bound to the Grid, it still takes up all that space, and with nothing to fill it with, it looks the way you showed in the screen shot.

Try adding the EmptyDataTemplate to the GridView, with an appropriate message, and see if that helps.

Gary

[aNubies]

Is this right ? If its right then I choose the PageTamplate and nothing happen. It will return into emptytemplate.

[gep13]

Hey,

What you are doing there is switching between the EmptyDataTemplate and the PagerTemplate for the purpose of editing those templates. Choose the EmptyDataTemplate, and then put "something" into it. How about a label, saying that there wasn't any data returned.

Gar

[aNubies]

How to add a label into EditTemplate ? Can't drag anything there .

[gep13]

Hello,

Are you referring to the EditItemTemplate within a TemplateField of your GridView?

Gary

[aNubies]

Yeep, If I'm not mistaken all I need to do is just like post #9. Then I noticed that theres a transparent box beside the panel so I'm trying to drag a label there but it doesn't work. So where am I going to add that label.

[gep13]

Hello,

I have just tested what I thought was the case, and it is.

You simply select EditItemTemplate from the DropDownList, for the column you want to edit, and click and drag controls in.

I don't know why this isn't working for you.

You can also edit it in the ASPX source code for the page.

Gary

[aNubies]

Sir I added the edittemplate in my code and included also the label. But nothings happen, when I search some records and the result were 2 datas still the look of my gridview is like in the post #3.

[gep13]

Hello,

Is it possible that you can show all of the ASPX markup that you are using for the page?

Gary

[aNubies]

Sir just a quick question, but doing that edittemplate, when I query and the result were nothing, does it produce a 10 blank rows ? Cause my pageindexing number limited to 10.

[gep13]

Hello,

I am really not sure what you are asking there.

I really think it would help if you show the ASPX markup that you are using.

Gary

[aNubies]

Well I just resolved it temporarily, I just added a blank row in my datatable to look like this, even its no result or less than 10 result just to fixed the display row.

But if you have any other solutions then that maybe great, its good to have alternatives .

This is my MARKUP

<div id="gridview_div" 
            style="position:absolute; top: 178px; left: 532px; height: 395px; width: 817px;">
            <asp:GridView ID="dgvRequirements" runat="server" 
                style="position:absolute; top: 8px; left: 8px; height: 369px; width: 801px;" 
                AllowPaging="True" AutoGenerateColumns="False" CellPadding="4" 
                Font-Names="Arial" Font-Size="8pt" BackColor="White" 
                BorderColor="#336666" BorderStyle="Double" BorderWidth="3px">
                <FooterStyle BackColor="White" ForeColor="#333333" />
                <RowStyle BackColor="White" ForeColor="#333333" />
                <Columns>
                    <asp:BoundField DataField="NAME" HeaderText="Name" />
                    <asp:BoundField DataField="ADDRESS" HeaderText="Address" />
                    <asp:BoundField DataField="L_NAME" HeaderText="Lastname" />
                    <asp:BoundField DataField="F_NAME" HeaderText="Firstname" />
                    <asp:BoundField DataField="KIND" HeaderText="Kind" />
                    <asp:BoundField DataField="LINE" HeaderText="Line" />
                    <asp:BoundField DataField="CTRL" HeaderText="Control" 
                        Visible="False" />
                    <asp:BoundField DataField="APP_TYPE" HeaderText="Application Type" 
                        Visible="False" />
                </Columns>
                <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
            </asp:GridView>

[gep13]

So, I still don't see an EmptyDataTemplate within your ASPX markup.

Did you try this?

Gary

[aNubies]

Yeep, I tried that, when there were no result it will display the label. But what I want to achieve is whether no results or less than data results I still want my gridview to display 10 rows, just like the attached image on my last post. But as I have said I figured it out by adding empty datarow in my datatable. But If you have a simple solution that would be a great help .

[gep13]

Hey,

Why do you want to display 10 empty rows?

That doesn't seem to make any sense?!? What exactly are you trying to achieve?

Gary

[aNubies]

Because if theres no result at all. My design would turn out into just plain white and nothing but the buttons, yeah i know that is lame, but I just want to maintain the design that I've done .

[gep13]

Hey,

Personally, I don't think that is a valid approach.

If there are no rows returned from your query, then you should indicate that to the user by putting "something" in the EmptyDataTemplate, not create empty rows simply for the sake of it.

Gary

[aNubies]

Actually, after i filled the gridview with that kind of data a messagebox will be shown also, telling the user that no records found.

[gep13]

Again, personally, I feel that this would be the wrong approach, but that is just my opinion. Why would I want to see a pop up message, that I will have to click on to make go away, when I could be shown this directly in the GridView.

This is really up to you. How you implement your site is your own opinion.

Gary

[aNubies]

Well I guess you got me there . BTW before I resolve my thread, what is really the purpose of EmptyDataTemplate ?

[gep13]

Hey,

It is pretty much exactly as described.

Within that particular template, you put the "stuff", i.e. a label, or something else, that you want the GridView to display, when there are no results returned from it's datasource.

Gary

[aNubies]

just to be cleared . Thanks

[gep13]

Not a problem at all. Hope you get it all working the way you want.

Gary