how to use jquery Dialog (popup) in user control asp.net?

Question

i would like to make a popup dialog box when a user click on a button with user control in asp.net but i keep failing as the dialog box does not open at all. here is what i have in my .ascx file:

<div id="dialog" title="Basic dialog">
<p>some text here</p>
</div>
<script>
$(function () {
    $("#dialog").dialog();
});

and here is what i have in my .aspx file:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"  type="text/javascript">    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <asp:Button ID="btnR" runat="server" Text="Requirements" CssClass="btn btn-info pull-right" />
</asp:Content>

and i have jquery 1.11.0 min in my materpage so what am i doing wrong that the dialog box does not popup? thank you in advance

If you want to open the dialog on the button click event you have to make sure that the button doesnt fire a postback with return false to cancle the postback. — Rand Random, May 21 '14 at 08:10
@Daniele94 : yes i have...its just a missing tag while posting — CodeMonkey, May 21 '14 at 08:14
You should prevent the postback like so http://stackoverflow.com/questions/683746/how-to-disable-postback-on-an-asp-button — Rand Random, May 21 '14 at 08:22
@RandRandom : i changed it to : and its still not working!!! — CodeMonkey, May 21 '14 at 08:25
Because you arent executing the script thats opening the dialog on button click... — Rand Random, May 21 '14 at 08:26
hey, maybe [this answer](http://stackoverflow.com/a/14638951/3806089) can help you, let us know please ;) — Juanito, Mar 04 '15 at 15:45

score 0 · Answer 1 · answered May 22 '14 at 00:17

0

your script should look like:

function dialog(){
    $("#dialog").dialog();
};

your button should be

<asp:Button ID="btnR" runat="server" Text="Requirements" CssClass="btn btn-info pull-right" CausesValidation="false" UseSubmitBehavior="false" OnClientClick="dialog(); return false;" AutoPostBack="false" />

answered May 22 '14 at 00:17

Matthew Wong

274
1
7

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ReqPopup.ascx.cs" Inherits="IRELBS.Mod.WebUserControl1" %>

some text here

– CodeMonkey May 22 '14 at 04:32
does the above statement not work? btw you dont need the "$(" in your script – Matthew Wong May 22 '14 at 05:35
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ReqPopup.ascx.cs" Inherits="IRELBS.Mod.WebUserControl1" %>

some text here

and still it doesnt work! – CodeMonkey May 22 '14 at 06:18
wait, where should i use my to import my ascx file exactly?? – CodeMonkey May 22 '14 at 06:20

how to use jquery Dialog (popup) in user control asp.net?

1 Answers1