Configuration of a dock dropdown button When you add a dropdown button to the Dock, you must also specify the buttons to display in the dropdown.
const sampleDropdownButton1: DockDropdownConfig = { type: DockButtonNames.DropdownButton, tooltip: "Sample Dropdown Button", iconUrl: "https://www.openfin.co/favicon-32x32.png", options: [ { tooltip: "Dropdown Button 1", iconUrl: "https://www.openfin.co/favicon-32x32.png", action: { id: "dropdownButton1", customData: "dropdownButton1 clicked", }, }, { tooltip: "Dropdown Button 2", iconUrl: "https://www.openfin.co/favicon-32x32.png", action: { id: "dropdownButton2", customData: "dropdownButton2 clicked", }, }, ],}; Copy
const sampleDropdownButton1: DockDropdownConfig = { type: DockButtonNames.DropdownButton, tooltip: "Sample Dropdown Button", iconUrl: "https://www.openfin.co/favicon-32x32.png", options: [ { tooltip: "Dropdown Button 1", iconUrl: "https://www.openfin.co/favicon-32x32.png", action: { id: "dropdownButton1", customData: "dropdownButton1 clicked", }, }, { tooltip: "Dropdown Button 2", iconUrl: "https://www.openfin.co/favicon-32x32.png", action: { id: "dropdownButton2", customData: "dropdownButton2 clicked", }, }, ],};
Optional
Disable custom button true or false
icon URL for icon image
Options that will be displayed in the dropdown
Button name text when hovered over
Configuration of a dock dropdown button When you add a dropdown button to the Dock, you must also specify the buttons to display in the dropdown.