how to show gridview in center

Deekshaa Singh Chauhan

8y13.5k.NET

In my project i have 1 DMAT delivery form here in RR no. textbox had text change event when value is true then show gridview popup but this grid view show right side in window and half gridview out of window this part we cant see how to set this in middle or left in window.

><%--onrowdatabound="rptLotList_RowDataBound"--%>

<%--oncheckedchanged="chkLot_CheckedChanged" --%>

<%--ontextchanged="txtLotDetails_TextChanged"--%>

<%--ontextchanged="txtBagsQuantity_TextChanged"--%>

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Deekshaa Singh Chauhan8y ago
Mohan

Here i want gridview alignment not the header of gridview.
Actually my gridview in design part is place right side on screen so the half part not showing bcoz it gone out of the window.
Deekshaa Singh Chauhan8y ago
I try this all but here it not work and here placeholder somthis use in design part.
Mohan Arumugam8y ago
deekshaa chauhan

https://www.aspforums.net/Threads/145210/How-to-set-the-Gridview-Header-Text-Center-Aligned/

http://www.devcurry.com/2011/01/align-aspnet-gridview-column-text.html

check these 2 link u maybe any idea
Manav Pandya8y ago
Hello

For that you can try different approach to display gridview in center of the screen

Like :
1 - Create one "div" and place your grid inside , and design css class like below :
// Using id of an
element

#MyGridview
{
    margin-left:auto;
    margin-right:auto;
    width:800px;
    height:500px;
}
2 - Set gridview property HorizontalAlign to "Center"

3 - Surround your gridview with center tag like below :
<center>

     // Place your gridview inside this section
    "server" ID="MyGridview">
        // Your gridview code snippet


center>

So try to implement all above tricks , i hope your issue will be solved

Thanks
Deekshaa Singh Chauhan8y ago
Mohan arumugam i try your code but it not work.
Mohan Arumugam8y ago
HorizontalAlign property of Gridview can solve your problem

...
...
Sai Sherlekar8y ago
Margin: 80px auto; Use this for center