ASPxClientPopupControlBase.Show Method

Invokes the control’s window at the popup element with the specified index.

Declaration

Show(
    popupElementIndex?: number
): void

Parameters

Name	Type	Description
popupElementIndex	number	The index of the popup element.

Remarks

The ASPxPopupControl contains the list of its popup element IDs within the ASPxPopupControl.PopupElementID property. Use the Show method to show the default popup window at the element with the specified index within the list. A window’s position relative to the element can be specified by the ASPxPopupControl.PopupHorizontalAlign, ASPxPopupControl.PopupHorizontalOffset, ASPxPopupControl.PopupVerticalAlign and ASPxPopupControl.PopupVerticalOffset properties.

If the specified popupElementIndex is incorrect, the window presents at the last position or at the top left corner (if it is the first time it is displayed).

Examples

• ASPxClientPopupControlBase.Show()

Note

Full example - Popup Control - Client-Side Functionality

ASPX

...
<dx:ASPxPopupControl ClientInstanceName="ASPxPopupErrorClientControl" ...>
    ...
</dx:ASPxPopupControl>

JS

function GetPopupControl(name) {
    if (name == 'Hint')
        return ASPxPopupHintClientControl;
    else if (name == 'Error')
        return ASPxPopupErrorClientControl;
}
function SetErrorVisible(value) {
    var popupControl = GetPopupControl('Error');
    if (value)
        popupControl.Show();
    else
        popupControl.Hide();
}

Result:

• ASPxClientPopupControlBase.Show(Int32)

ASPX

<table>
    <tr>
        <th>
            <dx:ASPxButton ID="ASPxButton1" runat="server" Text="Button1" Theme="Office365">
            </dx:ASPxButton>
        </th>
        <th>
            <dx:ASPxButton ID="ASPxButton2" runat="server" Text="Button2" Theme="Office365">
            </dx:ASPxButton>
        </th>
        <th>
            <dx:ASPxButton ID="ASPxButton3" runat="server" Text="Button3" Theme="Office365">
            </dx:ASPxButton>
        </th>
    </tr>
</table>

<dx:ASPxPopupControl ID="ASPxPopupControl1" ClientInstanceName="popup" runat="server" ShowHeader="False" 
PopupElementID="ASPxButton1;ASPxButton2;ASPxButton3" Theme="Office365">
    <ContentCollection>
        <dx:PopupControlContentControl runat="server">
        test
        </dx:PopupControlContentControl>
    </ContentCollection>
</dx:ASPxPopupControl>
<br /><br />
<dx:ASPxButton ID="ASPxButton4" runat="server" Text="Show Popup" AutoPostBack="false" Theme="Office365">
    <ClientSideEvents Click="function(s, e) {
        popup.Show(2);
    }" />
</dx:ASPxButton>

Result:

Online Demo

Popup Control - Client-Side Functionality