UI Component: position custom split button?

Question

Magento 2.3.0

I've added an split button to admin product edit page with this code ...

<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <settings>
        <buttons>
            <button name="translate" class="Vendor\Module\Block\Adminhtml\Catalog\Product\Edit\Button\Action"/>
        </buttons>
    </settings>
</form>

... the block class with this method ...

public function getButtonData()
{
    return [
        'label' => __('Label'),
        'options' => $this->getOptions(),
        'class_name' => \Magento\Ui\Component\Control\Container::SPLIT_BUTTON,
        'class' => 'secondary',
        'button_class' => 'secondary'
    ];
}

This correctly adds a split button, but as first right button. If I've understood DevDocs right, button should be ordered by "priority" (primary, secondary, ...), but is doesn't work here.

Any ideas how to change this?

Answer 1

Magento button has a property called sort_order to set the priority of the buttons. In your case, you should add this property in getButtonData() function. Example: I will set sort_order=1000

public function getButtonData()
    {
        return [
            'label' => __('Translate'),
            'on_click' => sprintf("location.href = '%s';", $this->getUrl('*/*/')),
            'class' => 'action-primary',
            'sort_order' => 1000
        ];

} The new button will be shown after Add Attribute button like this:

Change sort_order to 10, the new button will be shown before Add Attribute button:

If this solves your issue, please give me a vote

Thanks

Answer 2

Use a negative sort_order value. like -100

public function getButtonData(): array
{
    if (!count($this->getEnabledWebsites())) {
        return [];
    }

    return [
        'class_name' => SplitButton::class,
        'class' => 'primary',
        'label' => __('Shop For Guest'),
        'sort_order' => -100,
        'options' => $this->getOptions()
    ];
}