Skip to Content
Menú
This question has been flagged
1 Respondre
6763 Vistes

I want to align the Validate button of the payment-screen to the right of pos-actionbar-button-list. Similarly I want to align the Next Order button in the receipt-screen to right of pos-actionbar-button-list. How can I do that?

Thanks in Advance

Sreedath

Avatar
Descartar
Autor Best Answer

I have solved it some days back. I have created pos-actionbar-button-left and pos-actionbar-button-right instead of pos-actionbar-button-list and appended the button based on some condition. The JavaScript code is as below

    instance.point_of_sale.ActionBarWidget.include({
    add_new_button: function(button_options){
        var button = new instance.point_of_sale.ActionButtonWidget(this,button_options);
        this.button_list.push(button);
        if(button_options.name){
            this.buttons[button_options.name] = button;
        }
        if (button_options.name == 'validation' || button_options.label == "Next Order"){
            button.appendTo(this.$('.pos-actionbar-button-right'));
        }
        else{
            button.appendTo(this.$('.pos-actionbar-button-left'));
        }
        return button;
    },
});
Avatar
Descartar
Related Posts Respostes Vistes Activitat
0
de març 25
1030
1
de març 25
1741
2
de febr. 25
2387
1
de des. 24
2000
0
d’ag. 24
1611