Page Application: Panel

I am using a panel and a FormView on the same page. When the panel is visible, the formview overlaps the last few lines of the panel. In looking at the source, there is no overlap, but the only way I have found, so far, to stop the overlap is to insert several <br /> between the panel and the formview, which takes up too much space when the panel.visible = false.

How can I stop this?

Put a spacer or the breaks inside the panel itself so when it's visible="false" then the spacing is gone as well.

Your overlapping itself might be coming from a .css file for the layout.

Good luck

Thanks, but that does not make a differance. I have several breaks inside the panel, but I still have an overlap problem. I am not using a ccs inside the panel. Any other ideas?

You need to show the HTML, otherwise you're expecting people to guess.

I still can not figure out why there is an overlap between the panel1 and the formView1. I am using a MasterPage

I have bolded the panel (div) tags.

Thanks again

Thanks the HTML is:

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

<head id="ctl00_Head1"><title>
Step 4 Examining your Goals
</title><link href="http://links.10026.com/?link=../CSS/mainStyle.css" rel="stylesheet" type="text/css" /></head>

<div>
<table border="3" cellpadding="5" cellspacing="2"
summary="Outline" bgcolor="white" id="outline" align="center" width="700" bordercolor="darkgray">
<tr>
<td style="width: 700px">
<table bgcolor="white" bordercolor="darkgray" summary="header" width="100%" id="Header" bordercolordark="LightGrey" border="1">
<tr>
<td style="width: 150px; height: 132px;">
<img id="ctl00_ImageMap1" src="http://pics.10026.com/?src=../images/forweb2.gif" usemap="#ImageMapctl00_ImageMap1" style="border-width:0px;" /><map name="ImageMapctl00_ImageMap1">
<area shape="circle" coords="90,50,10" href="http://links.10026.com/?link=../Admin/Map.aspx" title="" alt="" />
</map>
</td>
<td style="width: 300px; height: 132px; text-align: center;">
<br />
<h2>
ExamCorp Online Goal<br />
Setting Program</h2>
</td>
<td style="width: 200px; height: 132px"; bgcolor="white" align="center" bordercolor="Gainsboro">

<span id="ctl00_LoginView1_Label1" style="background-color:White;">Welcome</span>
<br />
<span id="ctl00_LoginView1_LoginName1" BorderPadding="4" style="color:#333333;background-color:White;border-color:#E6E2D8;">john1</span>
!<br />

<a id="ctl00_LoginView1_LoginStatus1" href="http://links.10026.com/?link=javascript:__doPostBack('ctl00$LoginView1$LoginStatus1$ctl00','')" style="background-color:White;">Logout</a>

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width: 691px; height: 235px;">

<br />
<h3>
Step 4: Examining your Goals<br />
</h3>
<div id="ctl00_ContentPlaceHolder1_Panel1" style="height:20px;width:100%;">

The following questions help you consider how you think and feel about your goals.
Please answer each of them, according to how you really feel. There are no right
or wrong answers.<br />
<br />
There is one page for each of your goals. Be sure to use the "Save this Goal" button
before pressing the Next Goal button to move to your
next goal.
<br />
<br />
<br />

</div>

<table class="formview" cellspacing="0" border="0" id="ctl00_ContentPlaceHolder1_FormView1" style="border-color:LightGrey;border-width:1px;border-style:Solid;width:675px;border-collapse:collapse;">
<tr>
<td colspan="2">
<br />
Goal
<span id="ctl00_ContentPlaceHolder1_FormView1_GoalNumLabel1">1</span>
description
from Step 3
<textarea name="ctl00$ContentPlaceHolder1$FormView1$GoalDescTextBox" rows="5" cols="20" id="ctl00_ContentPlaceHolder1_FormView1_GoalDescTextBox" style="width:650px;">revised goal 1 qqqqqqqqq qqqqqqqqqq qqqqqqqqq qqqqqqqqq qqqqqqqq qqqqqqqqq qqqqqqqq wwwwwwwwww wwwww eeeeeeeee rrrrrrrrrr tttttttt yyyyyyyyy uuuuuuuuu iiiiiiii aaaaaa ssssssss dddddddd fffffffff ggggggg hhhhhhh jjjjj kkkkk 111111 2222222 333333 4444444 55555 6666 7777 88888 9 0 qqqqqqqqq wwww eeee r t y yyyyyyyyyyyu uuuuuuuuuuuu iiiiiiiiiiiii ooooooooooooo </textarea><br />
<br />
Please give each goal a brief title:<span id="ctl00_ContentPlaceHolder1_FormView1_rfvTitle" style="color:Red;display:none;">Title is Required</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_RegularExpressionValidator1" style="color:Red;display:none;">Max Length Exceeded</span><br />
<input name="ctl00$ContentPlaceHolder1$FormView1$TitleTextBox" type="text" value="goal 1 title 1111111111111111111111111111111111111111111111111111111111111111111111111111111111112222" id="ctl00_ContentPlaceHolder1_FormView1_TitleTextBox" tabindex="1" style="width:650px;" /><br />
<table style="width: 100%" bordercolor="gainsboro" cellpadding="3" cellspacing="3" width="670">
<tr>
<td style="text-align: center" >
<strong>Are you pursuing this goal because:</strong></td>
<td>
<span style="font-size: 10pt">Enter a value between<br />
1 (not true) and<br />
9 (very true)</span></td>
</tr>
<tr>
<td>

1. you truly believe it's important?<br />
<span id="ctl00_ContentPlaceHolder1_FormView1_rfvQ1" style="color:Red;display:none;">Required Field</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_rvQ1" style="color:Red;display:none;">Enter a value between 1(not true) and 9 (very true)</span></td>
<td>
<input name="ctl00$ContentPlaceHolder1$FormView1$Question1TextBox" type="text" value="4" size="2" id="ctl00_ContentPlaceHolder1_FormView1_Question1TextBox" tabindex="2" style="font-size:Larger;font-weight:bold;" />
</td>
</tr>
<tr>
<td>
2. you would feel ashamed, guilty, or anxious if you didn't?<br />
<span id="ctl00_ContentPlaceHolder1_FormView1_rfvQ2" style="color:Red;display:none;">Required Field</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_rvQ2" style="color:Red;display:none;">Enter a value between 1(not true) and 9 (very true)</span></td>
<td>
<input name="ctl00$ContentPlaceHolder1$FormView1$Question2TextBox" type="text" value="4" size="2" id="ctl00_ContentPlaceHolder1_FormView1_Question2TextBox" tabindex="3" style="font-size:Larger;font-weight:bold;" />
</td>
</tr>
<tr>
<td>
3. someone else wants you to achieve it?<br />
<span id="ctl00_ContentPlaceHolder1_FormView1_rfvQ3" style="color:Red;display:none;">Required Field</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_rvQ3" style="color:Red;display:none;">Enter a value between 1(not true) and 9 (very true)</span></td>
<td>
<input name="ctl00$ContentPlaceHolder1$FormView1$Question3TextBox" type="text" value="4" size="2" id="ctl00_ContentPlaceHolder1_FormView1_Question3TextBox" tabindex="4" style="font-size:Larger;font-weight:bold;" />
</td>
</tr>
<tr>
<td>
4. the situation you are in seems to demand it?<br />
<span id="ctl00_ContentPlaceHolder1_FormView1_rfvQ4" style="color:Red;display:none;">Required Field</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_rvQ4" style="color:Red;display:none;">Enter a value between 1(not true) and 9 (very true)</span></td>
<td>
<input name="ctl00$ContentPlaceHolder1$FormView1$Question4TextBox" type="text" value="4" size="2" id="ctl00_ContentPlaceHolder1_FormView1_Question4TextBox" tabindex="5" style="font-size:Larger;font-weight:bold;" />
</td>
</tr>
<tr>
<td>
5. it is enjoyable, stimulating or satisfying?
<br />
<span id="ctl00_ContentPlaceHolder1_FormView1_rfvQ5" style="color:Red;display:none;">Required Field</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_rvQ5" style="color:Red;display:none;">Enter a value between 1(not true) and 9 (very true)</span></td>
<td>
<input name="ctl00$ContentPlaceHolder1$FormView1$Question5TextBox" type="text" value="4" size="2" id="ctl00_ContentPlaceHolder1_FormView1_Question5TextBox" tabindex="6" style="font-size:Larger;font-weight:bold;" />
</td>
</tr>
<tr>
<td>
6. it is part of a deeply felt personal dream?<br />
<span id="ctl00_ContentPlaceHolder1_FormView1_rfvQ6" style="color:Red;display:none;">Required Field</span>
<span id="ctl00_ContentPlaceHolder1_FormView1_rvQ6" style="color:Red;display:none;">Enter a value between 1(not true) and 9 (very true)</span></td>
<td>
<input name="ctl00$ContentPlaceHolder1$FormView1$Question6TextBox" type="text" value="4" size="2" id="ctl00_ContentPlaceHolder1_FormView1_Question6TextBox" tabindex="7" style="font-size:Larger;font-weight:bold;" />
</td>
</tr>
<tr>
<td style="height: 26px">
</td>
<td style="height: 26px" >
</td>
</tr>
</table>
</td>
</tr><tr>
<td colspan="2">
<hr />
<div style="Float:Left">
Current Goal: 1 of
6
</div>
<div style="float:right;white-space:nowrap">
<input type="submit" name="ctl00$ContentPlaceHolder1$FormView1$ctl01$linPrevious" value="Previous Goal" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$FormView1$ctl01$linPrevious", "", true, "", "", false, false))" id="ctl00_ContentPlaceHolder1_FormView1_ctl01_linPrevious" />
|
<input type="submit" name="ctl00$ContentPlaceHolder1$FormView1$ctl01$NextGoal" value="Next Goal" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$FormView1$ctl01$NextGoal", "", true, "", "", false, false))" id="ctl00_ContentPlaceHolder1_FormView1_ctl01_NextGoal" tabindex="8" />
</div>
</td>
</tr>
</table>

<table>
<tr>
<td >
<input type="submit" name="ctl00$ContentPlaceHolder1$Button1" value="Back to Step 3" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$Button1", "", false, "", "Step3.aspx", false, false))" id="ctl00_ContentPlaceHolder1_Button1" /></td>
<td style="width: 300px">
</td>
<td>
<input type="submit" name="ctl00$ContentPlaceHolder1$buttonNext" value="Continue to the Next Step" id="ctl00_ContentPlaceHolder1_buttonNext" disabled="disabled" /></td>
</tr>
</table>
<br />

</td>
</tr>
<tr>
<td style="width: 691px; text-align: right;">
<div style="font-size: 8pt">
<table id="Nav_Master" width="100%" bordercolor="gainsboro" cellpadding="3" cellspacing="3" border="1" style="font-size: 8pt">
<tr>
<td style="width: 100px; text-align: center;">
<a href="http://links.10026.com/?link=../Default.aspx" id="ctl00_A1">
Home</a></td>
<td style="width: 100px; text-align: center;">
<a href="http://links.10026.com/?link=../ContactUs.aspx" id="ctl00_A2">
Contact Us</a></td>
<td style="width: 100px; text-align: center;">
<a href="http://links.10026.com/?link=../AboutUs.aspx" id="ctl00_A3">
About Us</a></td>
<td style="width: 100px; text-align: center;">
<a href="http://links.10026.com/?link=../CreateAccount2.aspx" id="ctl00_A4"></a></td>
<td style="width: 100px; text-align: center;">
</td>
</tr>
</table>
</div>
<span style="font-size: 8pt">
© 2007 ExamCorp </span>
</table>
</div>

<script type="text/javascript">

</script>

<div>

I don't know why, but if I remove the panel height, it appears to work just fine. Thanks for your help.

Monday, March 26, 2012

Panel

0 comments:

Post a Comment

Page Application

Blog Archive

About Me