How to open a dialog in App ConfigurePage (static app)?

I want open a dialog when the configure button is pressed on the manage apps page.
this is my config page

"configurePage": {
            "url": "/config.html",
            "name": {
                "value": "Configure Plugin"
            },
            "key": "plugin-config"
 }

config.html

<!DOCTYPE html>
<html>

<head>
    <script src="https://connect-cdn.atl-paas.net/all.js"></script>
    <script type="text/javascript">
        AP.dialog.create({
            key: 'config-dialog',
            width: '500px',
            height: '200px'
        }).on("close", (data) => {
            console.log('Closing')
        });</script>
</head>

</html>

This opens a new page and then opens a dialog. how can dialog be opened in the current page itself?

@balaji.a, this is currently not possible. Please watch the feature request AC-2103.