Design Page
<div style="width:20px;float:right; position:fixed;">
<asp:ImageButton ID="ImageButton1" runat="server"
ImageUrl="~/Images/feedback1.png" Height="120px" Width="25px" />
</div>
Add ModalPopupExtender
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="ImageButton1" PopupControlID="panel_feedback"
DropShadow="True" BackgroundCssClass="modalBackground"
CancelControlID="cross1" / >
Design Panel
<asp:Panel ID="panel_feedback" runat="server" >
<center>
<div class="form_enquiry"><div style="float:right"><asp:ImageButton ID="cross1" runat="server" ImageUrl="~/images/cross.jpg" Width="20px" Height="20px" /></div>
<center><h4>FEEDBACK </h4></center> <div>
<table>
<tr>
<td>
<asp:Label ID="Label4" runat="server" Text="Name"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox1" runat="server" Width="221px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Email"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox2" runat="server" Width="222px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Message"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox3" runat="server" Height="44px" TextMode="MultiLine"
Width="222px" MaxLength="499" />
</td> </tr><tr> <td></td>
<td style="float:right;">
<asp:Button ID="feedButton1" runat="server" Text="Submit" onclick="feedButton1_Click" />
</td>
</tr>
</table></div> </div> </center> </asp:Panel>
<div style="width:20px;float:right; position:fixed;">
<asp:ImageButton ID="ImageButton1" runat="server"
ImageUrl="~/Images/feedback1.png" Height="120px" Width="25px" />
</div>
Add ModalPopupExtender
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="ImageButton1" PopupControlID="panel_feedback"
DropShadow="True" BackgroundCssClass="modalBackground"
CancelControlID="cross1" / >
Design Panel
<asp:Panel ID="panel_feedback" runat="server" >
<center>
<div class="form_enquiry"><div style="float:right"><asp:ImageButton ID="cross1" runat="server" ImageUrl="~/images/cross.jpg" Width="20px" Height="20px" /></div>
<center><h4>FEEDBACK </h4></center> <div>
<table>
<tr>
<td>
<asp:Label ID="Label4" runat="server" Text="Name"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox1" runat="server" Width="221px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Email"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox2" runat="server" Width="222px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Message"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox3" runat="server" Height="44px" TextMode="MultiLine"
Width="222px" MaxLength="499" />
</td> </tr><tr> <td></td>
<td style="float:right;">
<asp:Button ID="feedButton1" runat="server" Text="Submit" onclick="feedButton1_Click" />
</td>
</tr>
</table></div> </div> </center> </asp:Panel>
![]() |
| Ajax Modal Popup |

No comments:
Post a Comment