Hi I'm working in MVC
i have a scenario as follows.
I have to display message popup on successfully saving data in partial view inside popup and clicking on the ok button of the success message popup, should close both the popup and should load my Main view![enter image description here][1]
Assuming you are using bootstrap or jQuery dialog for modal
try the following;
Say the first pop-up is first-popup and the second popup is successPopup, wire an event handler to the click event of the Ok button of the second popup with the following code.
function successPopup_onClose () {
$('#first-popup').modal('hide');
$('#successPopup').modal('hide');
}
Related
In DNN is it possible to navigate to a different popup control from another popup control?
I have a pop up edit control with some buttons. When I click on one of the buttons I would like to show a different edit control in the pop up window.
I have tried using this code in the button's click handler:
Response.Redirect(EditUrl("", "", "MyControlKey"))
but when I click the button Firefox shows a "Corrupted Content Error" in the pop up window.
Can this be made to work, and if so how?
Never mind I figured it out. This seems to do what I want:
Dim url = DotNetNuke.Common.NavigateURL("MyControlKey", $"mid={ModuleId}", "popUp=true")
Response.Redirect(url)
I have an separate Add button (neither on toolbar, nor on grid) and I want to open a popup window (having some fields) after clicking this button in order to create a new record. I have a look at the Kendo Demo pages, but all the samples use grid's or toolbar's Create button. Instead of them, a need a sample with a separate button. Any sample please?
Update: I want to create a listview as shown below instead of grid:
If you call dataGrid.addRow() method and edit mode is set to "popup", Popup window will be displayed.
Look at this dojo
I'm following the modal dialog example on jQuery UI website but not having any luck getting the dialog to be displayed. The example creates and opens the dialog from a button-cllick but I'm trying to launch it from a click on a TD element. Is that possible?
Assume that your td element has clickable_td id and also your dialog block has dialog id, So you can attach click event handler for td emelent with the on() function object and show your dialog block with dialog() function object while clicks captured like this:
$('#clickable_td').on('click',function(){$('#dialog').dialog();});
NOTE: The default jQuery z-index is 100, if your layouts' elements have higher value of it, try this instead:
$('#clickable_td').on('click',function(){$('#dialog').dialog();$('div.ui-front').removeClass('ui-front').css({zIndex: "10000"})});
This code basically creates a block UI. Instead of using jquery block UI dialog, you can use jquery blockUI plugin. You can refer the link to understand the code.
http://www.malsup.com/jquery/block/#demos
In the below example #yourtd_id is the id of your td and #your_div is the div which you want to make as modal. When the td is clicked .blockUI is a class which display your_div on the screen. Now it like a modal dialog. To come out of the modal dialog insert a button on #your_div and give id as #cancel_btn. When the #cancel_btn is clicked .unblockUI() unblocks the UI i.e unblocks the modal dialog.
$(document).ready(function() {
$('#yourtd_id').click(function() {
$.blockUI({ message: $('#your_div') });
//keep a cancel button on #your_div. for eg: consider its id as #cancel_btn
});
$('#cancel_btn').click(function(){
$.unblockUI();
});
});
This will work.I hope this will help you.
I'm having a jqgrid and on the loadComplete of the grid i am calling a function that creates a new div with some custom classes and appends that div to one of the columns where i am displaying the custom image button created in the div.
Now, on the click of the image button i am displaying a modal dialog form. On my modal dialog form i am getting some value by making a ajax call for the selected record .Also there are two buttons ( save and cancel) on the dialog. When .dialog("close") method is called after save or on close, i am getting a error "SCRIPT28: Out of stack space " and Strangely the save also works fine.
Can anybody assist on that.
Thanks in advance.
I have a Car View (List.cshtml) that shows my Car´s list... I´d like to add a button/link:
"Add car..."
That button must open my View (Create.cshtml) in a JQuery Modal UI...
How can I do that?
here you go:
demo: http://demo.aspnetawesome.com/Meals/Index
download it from here: http://awesome.codeplex.com
Create/Edit in jquery UI dialog (popup)
delete with confirm dialog (ui dialog)
the list is just a simple table with a foreach