Skip to Content
Menu
This question has been flagged
1 Atsakyti
6812 Rodiniai

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

Portretas
Atmesti
Autorius 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;
    },
});
Portretas
Atmesti
Related Posts Replies Rodiniai Veikla
0
kov. 25
1061
1
kov. 25
1793
2
vas. 25
2447
1
gruod. 24
2047
0
rugp. 24
1658