CODEWITHSUNDEEP
javascriptoffice-ui-fabric
Vishnu
Vishnu

Reputation: 2187

Maximize Office Fabric UI Dialog

I didn't find any documentation over resizing Office Fabric Ui Dialog. I need to have a button near 'close' so the Dialog box can be Maximized and resized to original place. Can anybody suggest a way for this?

Upvotes: 1

Views: 1566

Answers (2)

Mike Wheaton
Mike Wheaton

Reputation: 502

Mike from the Fabric team here.

The Dialog now includes a topButtonProps prop, which can be used to add additional buttons to the top:

<Dialog
  ...
  topButtonsProps={ [{
    key: 'More',
    buttonType: ButtonType.icon,
    icon: 'More',
    ariaLabel: 'More',
    onClick: this._onMoreButtonClicked.bind(this)
  }] }
>
  Dialog content.
</Dialog>

Which results in a new command being added like so:

enter image description here

Upvotes: 1

Eric Legault
Eric Legault

Reputation: 5834

There's nothing stopping you from extending Fabric components with your own CSS and JavaScript customizations from the source code on GitHub.

If there are features that you think would be helpful you can make requests here: https://trello.com/b/sPTXiMzG/office-ui-fabric-core-requests

Upvotes: 0

Related Questions