How to show last lines of text in a TextEdit component?

[Argent77]

Hi, for a log window I want the TextEdit component to automatically scroll down to the most recent content (i.e. the bottom-most lines) whenever the content changes. How would I realise that with Slint/Rust?

Example logger.slint (SlintPad version)

import { Button, TextEdit } from "std-widgets.slint";

export component Logger inherits Window {
    preferred-width: 250px;
    preferred-height: 150px;

    VerticalLayout {
        Button {
            private property <int> value: 1;
            text: "Add new line";
            clicked => {
                logger.text += "Line #" + value + " added...\n";
                value += 1;
                logger.edited(logger.text);
            }
        }

        logger := TextEdit {
            read-only: true;
            edited => {
                // update viewport position???
            }
        }
    }
}

[ogoffart]

You can use the viewport property of the TextEdit:

                logger.viewport-y = logger.visible-height - logger.viewport-height;

I also recommand making a new function rather than re-using the edited callback, but you can still use the edited callback if you like

SlintPad

[Argent77]

That works great, thanks.