Loading dialog

Topics: Administration, General
Feb 24, 2014 at 10:12 AM
I am not able to properly integrate dialog using jquery, please see the following link, some explain me how can i make it work inside my module. I added it to my page code but it doesnt work

Feb 25, 2014 at 8:46 AM
Feb 25, 2014 at 9:15 AM
Can you show some code for that particular page where you used dialog ?
Feb 26, 2014 at 6:53 AM
u shouldd login , creeate videeo, attachedd it to housee, then viee source codde for js
Feb 26, 2014 at 9:06 AM
I cant register. no error message.
Feb 26, 2014 at 7:22 PM
Maybe you should provide more details about how do you integrated the plugin into your module.
Feb 27, 2014 at 10:46 AM
Edited Feb 27, 2014 at 11:42 AM
Ok i am able to work it out but when i click "Open Dialog" it brings up a dialog and also a post back to server method "Signup" why? Basically i am trying show course information in dialog for each course when user clicks on the button corresponding to it.


    var signup = (SignupViewModel)Model;



@using (Html.BeginFormAntiForgeryPost(Url.Action("Signup", "SignupOrLogin", new { area = "Course" }))) {
<div id="wrapper">
        <form action="" method="post">
                    @foreach (var item in Model.Courses)
                        <table style="margin-left:10px;margin-top:5px">
                                <td style="width:50px">
                                    <input type="checkbox" name="chkcourse@(item.Course.Id)" value="@item.Course.Name" />
                                <td style="width:5px">
                                <td style="width:300px">
                                    <label style="width:100px">($@item.Course.Fees)</label>
                                    <button id="opener">Open Dialog</button>


<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
    $(function () {
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 1000
            hide: {
                effect: "explode",
                duration: 1000

        $("#opener").click(function () {
<div id="dialog" title="Basic dialog">
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
Feb 27, 2014 at 11:28 AM
u shouldd ddisablee normal form submit