Awesome Core and MVC Controls

Popup Mod

default popup can be replaced by setting awe.popup

ViewBag.Title = "Popup Mod";

<h2>Popup Mod</h2>
<p class="expl">
default popup can be replaced by setting <code>awe.popup</code>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">

<script src=""></script>
<script src=""></script>

<link href="@Url.Content(Autil.CssDir() + "site.css")" rel="stylesheet" type="text/css" />

function setPopup(p) {
awe.popup = function (o) {
if (o.tag && o.tag.DropdownPopup) {
return awem.dropdownPopup(o);
} else if (o.tag && o.tag.Inline) {
return awem.inlinePopup(o);
} else {
return p(o);

// close popups that were already opened with a different kind of popup
$('.awe-popup').each(function () {
if ($(this).data('api'))

$('.awe-multilookup, .awe-lookup').each(function () { $(this).data('api').initPopup(); });


$(function () {
@*we need to load this after awem.js, which is referenced at the end of the page*@
$.getScript('@Url.Content(Autil.JsDir() + "awem.extras.js")');

$('#btnBoot').click(function () {

$('#btnAwe').click(function () {

$('#btnInline').click(function () {

$('#btnUi').click(function () {

<button type="button" id="btnAwe" class="awe-btn">set awesome popup</button>
<button type="button" id="btnBoot" class="awe-btn">set bootstrap popup</button>
<button type="button" id="btnInline" class="awe-btn">set inline popup</button>
<button type="button" id="btnUi" class="awe-btn">set jQueryUI popup</button>

.Title("popup title")
<div id="testArea" style="padding: 1em 0;">
@Html.Awe().Button().Text("Open Popup").OnClick(Html.Awe().OpenPopup("popup1"))

<div class="tabs code">
<div data-caption="view">@Html.Source("PopupDemo/PopupMod.cshtml")</div>


We use cookies to improve your online experience. By accessing this site, you agree to the use of cookies and other technologies to process your personal data (e.g. IP address) to enhance and personalise your experience across our websites. Additionally, third-party companies, may store cookies on your device and use similar technologies to collect and use certain information. For more information, refer to our privacy policy and cookie policy.