qml Textarea

[codeman]

Hello friends,

I integrate 3 textarea with a dark background color in a rectangle within a row. It seems that the textarea have an uncustomizable lightgray borderline.
Am I right or can I set the bordercolor/borderwidth?

[wysota]

You can completely redefine the looks by using your own style for the control.

[codeman]

Hello,

I am using this one.

Rectangle {
       id: customRect
        color: "#1e1e1e"
             TextArea{
                        id: numbers;
                        font.bold: true
                        font.pointSize:11
                        readOnly: true
                        horizontalAlignment: Text.AlignHCenter
                        width: 200
                        height:customRect.height
                        text: "1"
                        font.family: "courier"
 
                        style: TextAreaStyle {
                            renderType: Text.NativeRendering
                            textColor: "#2B91AF"
                            selectionColor: "steelblue"
                            selectedTextColor: "#eee"
                            backgroundColor: "#1e1e1e"
 
                      }
             }
}

Rectangle {
       id: customRect
        color: "#1e1e1e"
             TextArea{
                        id: numbers;
                        font.bold: true
                        font.pointSize:11
                        readOnly: true
                        horizontalAlignment: Text.AlignHCenter
                        width: 200
                        height:customRect.height
                        text: "1"
                        font.family: "courier"

                        style: TextAreaStyle {
                            renderType: Text.NativeRendering
                            textColor: "#2B91AF"
                            selectionColor: "steelblue"
                            selectedTextColor: "#eee"
                            backgroundColor: "#1e1e1e"

                      }
             }
}

To copy to clipboard, switch view to plain text mode 

I attached a image. You can see the lightgray borderline. What do you mean in this context you can customize it. I use also TextAreaStyle. But htere is no borderline or something else?!

[wysota]

TextAreaStyle inherits ScrollViewStyle which allows you to provide your own frame component. Furthermore TextArea is a ScrollView which has a frameVisible property which you can use to completely disable the frame.

[codeman]

Ok, thank you very much for your suggestions. I will give it a try.