EasyUI Forum

General Category => EasyUI for Angular => Topic started by: fengdie on June 26, 2018, 10:44:23 PM

Title: dialog component how to use maximizable
Post by: fengdie on June 26, 2018, 10:44:23 PM

dialog component how to use maximizable、collapsible、minimizable

Title: Re: dialog component how to use maximizable
Post by: stworthy on June 26, 2018, 11:44:20 PM

You could custom the dialog header and append icons to the titlebar.

Code:

<eui-dialog [draggable]="true" [bodyStyle]="{width:'600px',height:'200px'}">
    <eui-dialog-header>
        <div class="panel-title">Dialog Title</div>
        <div class="panel-tool" style="padding-right:20px">
            <a href="javascript:;" class="panel-tool-min"></a>
            <a href="javascript:;" class="panel-tool-max"></a>
        </div>
    </eui-dialog-header>
</eui-dialog>