• Illecors
    link
    fedilink
    English
    37 months ago

    Would you mind providing any more details on what exactly one can customise? Might give this a shot tomorrow.

    • @KatzenmannOP
      link
      67 months ago

      Yeah sure. Well slint is a whole ui library and so you can customize basically anything. You could add extra text, move the clock and the password prompt wherever you want. You could even remove the password prompt and replace it by something else. Here’s the config of the screenshot above:

      import { LineEdit , TextEdit} from "std-widgets.slint";
      export component HelloWorld {
          in property clock_text;
          in property checking_password;
          in-out property password <=> password.text;
          callback submit <=> password.accepted;
          forward-focus: password;
          states [
              checking when checking-password : {
                  password.enabled: false;
              }
          ]
      
          Image {
              width: parent.width;
              height: parent.height;
              source: @image-url("wallpaper.png");
              HorizontalLayout {
                  VerticalLayout {
                      alignment: end;
                      spacing: 10px;
                      padding: 40px;
                      width: 350px;
                      Text {
                          text: clock_text;
                          horizontal-alignment: center;
                          font-size: 60pt;
                          color: white;
                      }
                      password := LineEdit {
                          enabled: true;
                          horizontal-alignment: left;
                          input-type: InputType.password;
                          placeholder-text: "password...";
                      }
                  }
              }
          }
      }