Hi
I have issues with the visibility of the Dynamic Panel control 'pan1'.

-I have a Dynamic Button control, and if i hover my mouse on it, i want the Dynamic Panel control to popsup.

-The issue is The Dynamic Panel control is visible FOR A SECOND in a Page_load event and goes away. and when i hover on the Button control its working.

-But i want the Panel control to popup only when i hover on the Button, not in Page_load event.

i think its because in my code i added:

Panel pan1=new Panel();
pan1.cssClass="popupMenu";

Form.Controls.Add(pan1);


- if i create the same controls in a design time and set its visibility in cssClass its working, the issue is with Dynamically created controls.

-Here is my codes.

i just attached from my cssClass, the following code asusual in .aspx page.

<link href="AnimSheet.css"...

"AnimSheet.css" contains:

.popupMenu
{
height: 400px;
width: 400px;
visibility:hidden;
background-color: #800000;
}
.popupMenu:hover
{
visibility: visible;
}

So in "Default.aspx.cs": i added


pan1.CssClass = "popupMenu";


But it wasn't working.The Panel itself is hidden even when i hover on it. Please help.
-if i comment this line "visibility:hidden;"
Then the Panel is visible also in Page_load event for a second and goes away.

As mentioned on the other thread, a more complete code sample is required to reproduce this problem.

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

This is my "default.aspx.cs" code:


private void Page_Load(object sender, System.EventArgs e)
{
Button hovbut = new Button();
hovbut.ID = "b1";
hovbut.Text = "Hover on me";
Form.Controls.Add(hovbut);
Panel p = new Panel();
p.ID = "p1";

p.Height = Unit.Pixel(100);
p.Width = Unit.Pixel(300);
p.BackColor = Color.BurlyWood;
p.CssClass = "pops";
Form.Controls.Add(p);
AjaxControlToolkit.HoverMenuExtender x1 = new AjaxControlToolkit.HoverMenuExtender();
x1.TargetControlID = hovbut.UniqueID;
x1.PopupControlID = p.ClientID;
Form.Controls.Add(x1);
}

- i have my link and Script manager attached in the .aspx page:
<link href="AnimSheet.css" rel="stylesheet" type="text/css" />


And "AnimSheet.css" contains

.pops
{
visibility:hidden;
}
.pops:hover
{
visibility:visible;
}

So the Issue is Everytime the Page loads, the Panel "p" blinks for a Second and goes away. And it hover as i wanted. I dont want the panel control to blink for a second in the load event. Please help.
-Thanks

This is the first time you have mentioned the HoverMenuExtender extender - something I think you should have mentioned before perhaps!

I have been unable to reproduce your problem with the details above. However if I remove the stylesheet then I do see the issue, so perhaps you need to confirm that your stylesheet is being loaded. Perhaps try putting your style info (width/height/color) in the stylesheet to confirm it is being loaded correct.

Also, I don't believe the .pops:hover is required, as the extender controls this for you.

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

Sorry about that. And you are right. The Style sheet is not loaded when in try to give height/width/backcolor in css file. Its working only when i give it dynamically in load_event.

-So How can i make the panel visibility hidden in Load event?

Fix your stylesheet so it IS loaded.

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

Thanks. It worked.