Popup Control Extender
PopupcontrolExtender is used to make a control popup when user click on a control display the selected value in the target control and hide the popupcontrol.
Properties
TargetcontrolID :
PopupcontrolID : Used to specify ID of the control to popup when the user click on the target control
offset x & offset Y : Used to specify position of the popup control relative to the target control
Example
The following example demonstrates how to use the popupcontrolExtender.
Add a page to the website and place a ToolkitScriptManager followed by an update panel & within the update panel a textbox & panel and for the textbox set the ID as T1.
Within the panel control in updatepanel take a radiobuttonlist control, set its ID as ‘RL’ and Add some items to it using the items property.
Within HTML source of the page Drag & Drop a popup control/Extender and set following properties for it.
<asp:popupcontrolExtender ID=”popupcontrolExtender1” runat=”server” TargetcontrolID=”T1” popupcontrolID=”panel1” offset=”30”>
</asp:popupcontrolExtender>
For the RadioButtonList set Autopostback property true and write the following code within selectedIndexchanged of that RadioButtonList.
RL-selectedIndexchanged
{
popupcontrolExtender1.commit(RL.selcted value);
}
At runtime when you click in the Textbox the panel with RadiobuttonList will popup and whatever the Radiobutton you select, value of that radiobutton will be displayed and will be hidden