ASPxPopupControl.ModalBackgroundStyle Property

Gets style settings that define the appearance of the page displayed behind the invoked modal popup window.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

public PopupControlModalBackgroundStyle ModalBackgroundStyle { get; }

VB.NET

Public ReadOnly Property ModalBackgroundStyle As PopupControlModalBackgroundStyle

Property Value

Type	Description
PopupControlModalBackgroundStyle	A PopupControlModalBackgroundStyle object that contains style settings.

Example

The complete sample project is available in the DevExpress Code Central database at E11.

JS

function ShowGlossaryText(evt){
    var element = evt.srcElement;
    if (typeof(element) == "undefined") // not IE
        element = evt.target;
    if (element.className.toLowerCase() == "gli") {
        var id = element.innerHTML;
        pcGlossary.SetHeaderText(id);
        cpnText.PerformCallback(id);
        pcGlossary.ShowAtElement(element);
        return false;
    }
}

ASPX

...
<dxpc:ASPxPopupControl SkinId="None" EncodeHtml="False" id="pcGlossary" 
runat="server" EnableViewState="False" EnableClientSideAPI="True" 
EnableHotTrack="False" Width="350px" PopupHorizontalAlign="RightSides" PopupVerticalAlign="Below" 
PopupHorizontalOffset="1" PopupVerticalOffset="1" EnableHierarchyRecreation="True" 
ClientInstanceName="pcGlossary" EnableTheming="True" CloseAction="OuterMouseClick" 
AllowDragging="True">
     <FooterStyle BackColor="#FFFBBA">
         <Border BorderWidth="0px" />
     </FooterStyle>
     <Border BorderColor="#BAAE6D" BorderStyle="Solid" BorderWidth="1px" />
     <CloseButtonImage Height="15px" Url="Images/pcClose.gif" Width="15px" />
     <HeaderStyle BackColor="#FCFADD" Font-Bold="True" ForeColor="#9E8A4F" Font-Size="9pt">
         <Border BorderWidth="0px" />
         <BorderBottom BorderWidth="1px" BorderColor="#DCD9B0" BorderStyle="Solid" />
         <Paddings PaddingBottom="6px" PaddingLeft="13px" PaddingRight="8px" PaddingTop="6px" />
     </HeaderStyle>
     <ContentStyle BackColor="#FFFBBA" ForeColor="#9E8A4F">
         <Border BorderWidth="0px" />
         <Paddings PaddingBottom="10px" PaddingLeft="13px" PaddingRight="13px" 
          PaddingTop="9px" />
     </ContentStyle>
     <CloseButtonStyle>
         <Paddings Padding="0px" PaddingLeft="3px" />
     </CloseButtonStyle>
     <ModalBackgroundStyle Opacity="1">
     </ModalBackgroundStyle>
     <Controls>
         <dxcp:aspxcallbackpanel id="cpnText" runat="server" enableviewstate="False" 
         oncallback="cpnText_Callback"
             width="100%" ClientInstanceName="cpnText"><PanelCollection>
 <dxrp:PanelContent runat="server"><asp:Literal runat="server" ID="ltText" 
EnableViewState="False"></asp:Literal>

  </dxrp:PanelContent>
 </PanelCollection>
 </dxcp:aspxcallbackpanel>
     </Controls>
 </dxpc:ASPxPopupControl>
...