Working with divs in ASP.NET

Question

Can any one tell me how can I make divs visible in ASP.NET. I tried to use a panel but it was interfering with other divs. Well, to explain my situation why I am asking is I want to show a form with submit button on a same page and thank you message after submitting it.

Any better suggestions on how can I do it? :)

Well here is code,

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script type="text/javascript">
    function Show(moreInfo) {
        document.getElementById(btnInfo).style.visibility='hidden';
        document.getElementById(moreInfo).style.visible = 'visible';
    </script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .heading
        {
            text-align: center;
            border-style: double;
            background-color:#F2A988;
            font-family:Sans-Serif;
            font-weight:bold;

        }
        #wrapper {
            margin: 0 auto;
            width: 400px; 
            text-align:left;
        }
        .style1
        {
            text-align: center;
            font-family:Sans-Serif;
        }
    </style>
</head>
<body style="height: 642px; width: 911px; " id="wrapper">
    <form id="form1" runat="server">

    <div class="heading">
        Sheridan Computer Club - Inquiry Form</div>
        <br />

    <asp:Calendar ID="Calendar1" runat="server" Font-Names="Arial"></asp:Calendar>



        <br />

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Button ID="btnInfo" runat="server" Font-Names="Arial" 
         style="font-weight: 700" 
        Text="I'd like to receive more information!" Width="261px" />

    <div style="position:relative; top: 0px; left: 0px; width: 463px; height: 188px;">
        Show the div</div>

    <div id="meeting" 




        style="position:relative; top: -285px; left: 320px; width: 232px; height: 64px; text-align: center; margin-top: 0px; font-family: Arial; font-weight:bold;">
        <br />
&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="lblDate" runat="server"></asp:Label>
        <br />
        </div>



    <div style="width: 308px; position:relative; top: -479px; left: 283px; margin-top: 0px;" 
        class="style1">
        Click Below to find out when
        <br />
        the club meets next</div>

    <div style="position:relative; top: -515px; left: 624px; width: 274px; height: 289px; font-family:Sans-Serif;">
        <b>View Members by Program:<br />
        <asp:ListBox ID="ListBox1" runat="server" Height="175px" Width="263px">
        </asp:ListBox>
        </b></div>

    <div style="position:relative; top: -739px; left: 346px; width: 192px; height: 32px; text-align: center; margin-top: 0px;">
        <asp:Button ID="Button1" runat="server" Text="Next Meeting" 
            onclick="Button1_Click" />
    </div>

    </form>
</body>
</html>

Your question is not answerable in its current form. Please show some code. — Kirk Woll
– Kirk Woll, Commented Jun 17, 2012 at 21:47

Ufuk Hacıoğulları · Accepted Answer · 2012-06-17 21:52:19Z

2

You can use runat="server" attribute on that div and set its Visible property on the server side.

<div runat="server" ID="someDiv" >

</div>

You can decide if page should render it in PageLoad or other events.

someDiv.Visible = someCondition;

answered Jun 17, 2012 at 21:52

Ufuk Hacıoğulları

38.6k14 gold badges120 silver badges157 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:34:26Z

2

To make it visible to asp.net server side

   <div runat="server" id="mydiv">

   </div>

As an alternative to the Panel which generates a div, instead you can use the PlaceHolder control which does not generate div tags

Check this question:

Using Panel or PlaceHolder

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Jun 17, 2012 at 21:48

Jupaol

21.4k9 gold badges71 silver badges101 bronze badges

Comments

Idrees Khan · Accepted Answer · 2012-06-17 21:52:51Z

0

You can use asp:Literal like this;

<div>
      <asp:Literal runat="server" ID="litHide" Visible="false" />
</div>

And then when a form is submitted change the visbility of this literal like this;

if(litHide.visible==false)
{
 litHide.visible = true;
}

this is the simples way and the benefit is that you dont get anything inside the div tag, infact you get just text.

answered Jun 17, 2012 at 21:52

Idrees Khan

7,76218 gold badges65 silver badges112 bronze badges

Collectives™ on Stack Overflow

Working with divs in ASP.NET

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related