Press Enter to go to the next LineEdit

[mehranj73]

My app consists of multiple LineEdits. How can I make my app to go to next LineEdit by pressing enter key in order to save time and to avoid using the mouse?

[tronical]

You could go via the accepted callback and explicitly call focus() on the next LineEdit, like this:

import { VerticalBox, LineEdit } from "std-widgets.slint";

export component Demo {
    forward-focus: first-name;  
    VerticalBox {
        alignment: start;
        first-name := LineEdit {
            placeholder-text: "First Name";
            accepted(text) => { last-name.focus(); }
        }
        last-name := LineEdit {
            placeholder-text: "Last Name";
            accepted(text) => { age.focus(); }
        }
        age := LineEdit {
            placeholder-text: "Age";
        }
    }
}

(SlintPad Link)