UI Features - UI Elements

Button

Information:

Generic button, gray rectangle/black text using Bright theme or black rectangle/white text using Dark theme, that sends a signal using onClicked{}. Can be stylized with text using text: “” and/or a [small] image using imageSource: “”. Button will auto-size for extra length but can be shortened to remove extra "whitespace."

Typical "Button":

//Basic button with text centered
        Button {
            id: myButtonID1
            text: "Button"
            onClicked: {
            }
        }
//Basic button with text and image each left aligned
        Button {
            id: myButtonID2
            text: "Lookup"
            imageSource: "asset:///lookup.png"
            onClicked: {
            }
        }
//Basic button with image each centered
        Button {
            id: myButtonID3
            imageSource: "asset:///lookup.png"
            preferredWidth: 80.0
            onClicked: {
            }
        }
 

Examples/Tutorials Using This Feature:

One Button/Multiple Outputs and One Output/Multiple Buttons

Sheet from a Button, Action, or Menu

JavaScript 3 Ways

Running C++ Function from QML (Trivial Example)