Use the ASP.NET AJAX Collapsable Panel Extender

Design View Of hiding and showing ASP.NET AJAX Collapsable Panel Extender

Source View



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

  
is shibashish is a good Boy ?  
(Show shibashish's Details...)

Just your average MS Joe ...

 If you would like to contact me you can send email from my blog at either
of the following web sites.

shibashishm@gmail.com

I'm a software Developer on the Microsoft Web Tools and Platform. 

I am Staying in Bhubaneswar You can send me your problems related coding. i am always happy to help you

What do I do at Microsoft DotNet?

You would think this should be an easy question, but it's actually not.

My job has many parts.

To developing the web application and implement it which is fullfill to Clients requirement Is not so easy.

Add a StyleSheet.cs
and paste this code:-




.collapsePanel {
width: 640px;
height:0px;
background-color:white;
overflow:hidden;
}

.collapsePanelHeader{
width:640px;
height:20px;
color: Yellow;
background-color: Black;
font-weight:bold;
float:left;
padding:5px;
cursor: pointer;
vertical-align: middle;
}

.accordionHeader
{
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionContent
{
background-color: #D3DEEF;
border: 1px dashed #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 10px;
}

.accordionLink
{
background-color: #D3DEEF;
color: white:
}

.watermark {
background: #FFAAFF;
}

.popupControl {
background-color:#AAD4FF;
position:absolute;
visibility:hidden;
border-style:solid;
border-color: Black;
border-width: 2px;
}

.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}

.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}

.sampleStyleA {
background-color:#FFF;
}

.sampleStyleB {
background-color:#FFF;
font-family:monospace;
font-size:10pt;
font-weight:bold;
}

.sampleStyleC {
background-color:#ddffdd;
font-family:sans-serif;
font-size:10pt;
font-style:italic;
}

.sampleStyleD {
background-color:Blue;
color:White;
font-family:Arial;
font-size:10pt;
}


Take one reference of AjaxcontrolToolKit