How to maintain the location of a button control outside Gridview

Question

0.00/5 (No votes)

See more:

When there are rows in Gridview1, the button3 position works according to the size of the GV.
When there are no rows in the GV , the BTN3 location is changed and displays somewhere else.
I have put both the GV and BTN in same

. How to maintain the location of BTN3 even if the GV is empty.

The following is the code:

CSS

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
 style=" left: 500px; margin-top:23%;  height: 105px; width: 590px; background-color: #ECE9D8;"
 HorizontalAlign="Center" BorderColor="Maroon" ForeColor="#CC9900"   >

XML

<asp:Button ID="Button3"  runat="server"   Font-Size="x-small" ForeColor="Black" BackColor="White" CausesValidation="false" OnClick="cancel_click"
 style=" margin-left:3%; margin-top:0%; margin-left:3%; width:100px;cursor:pointer;  font-family:Arial;  text-align:center; height:22px; font-size:large; font-weight:600; "
 Text="CANCEL " />
</div>

Posted 12-Feb-14 0:25am

S.Rajendran from Coimbatore

Add a Solution

Comments

OPees 12-Feb-14 6:32am

use div tag with min height and width

S.Rajendran from Coimbatore 12-Feb-14 6:44am

it is already in div tag. What is that min height and width.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TrushnaK · Answer 1 · 2014-02-12T00:43:00

how to design it up to you.i am giving you basic idea. try like this (make changes in below code as per your requirements or adjustment):-

CSS

<style>
        #divmaingrid
        {
            top: 10;
            left: 10;
            height: 60%;
            width: 80%;
        }
        #divGrid
        {
            width: 100%;
            height: 80%;
            position: relative;
        }
        #divButton
        {
            width: 100%;
            height: 20%;
            position: relative;
        }
    </style>

XML

<div id="divmaingrid">
        <div id="divGrid">
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Style="left: 500px;
                margin-top: 23%; height: 105px; width: 590px; background-color: #ECE9D8;" HorizontalAlign="Center"
                BorderColor="Maroon" ForeColor="#CC9900" />
        </div>
        <div id="divButton">
            <asp:Button ID="Button3" runat="server" Font-Size="x-small" ForeColor="Black" BackColor="White"
                CausesValidation="false" OnClick="cancel_click" Style="margin-left: 3%; margin-top: 0%;
                margin-left: 3%; width: 100px; cursor: pointer; font-family: Arial; text-align: center;
                height: 22px; font-size: large; font-weight: 600;" Text="CANCEL " />
        </div>
    </div>