THEMES
THEME SETTINGS

Dock and Modal Popups - Popup Window Overview

Click here to invoke a popup window
About the Popup Window

PopupControl eztension makes it easy to display fully customizable popup windows and hints within your web application.

If you need to display a popup window when end-users click an HTML element, then you only need to specify that element's ID - the rest is done automatically.

View code:

@Html.DevExpress().PopupControl(settings => {
    settings.Name = "pcOverview";
    settings.PopupElementID = "popupArea";
    settings.AllowDragging = true;
    settings.ShowOnPageLoad = true;
    settings.CloseAction = CloseAction.CloseButton;
    settings.HeaderText = "Area of Countries";
    settings.SetContent(() => {
        ViewContext.Writer.Write(
            "<img src=\"" + Url.Content("~/Images/CountriesArea.png") + "\" alt=\"Area of Countries\" />"
        );
    });
}).GetHtml()
<div id="popupArea" style="height: 300px;">Click here to invoke a popup window</div>

Key Features
  • Binding to Data
    The Popup extension can retrieve window or content information from a data source.
  • Loading Content via AJAX
    The Popup extension has an ability to load the content of popup windows on demand.
  • Template Technology
    Templates are fully supported. For each element within PopupControl, you can customize the appearance or layout using any HTML content.
  • Content URL
    The Popup extension allows the display of other web page content specified by their URLs.
  • Modal Mode
    You can use the Popup extension to display fully customizable modal dialogs.
  • Rich Client-Side Functionality
    A comprehensive client-side API is available for PopupControl. This functionality, coupled with the ability to handle events on the client side, gives you full control over the extension's behavior on the client side.
Version: v2016 vol 2.5
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.