Incomprehensible background qml ApplicationWindow

[sergboec]

This screenshot comlitely illustrated my problem:
!http://cs409020.vk.me/v409020604/772d/r9JOkdObjj4.jpg(Link to dropbox image)!
Why such a gradient background?
Qt 5.2.1 -Debug MSVC 2012 x32 - Windows 7 x64
Code:
@
import QtQuick 2.0
import QtQuick.Controls 1.1
import QtQuick.Layouts 1.1

ApplicationWindow{
id: root
width:640
height: 480
visible: true
title: "translate helper"

ProgressBar {
    id: progress
    height: 10
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.bottomMargin: 2
}

ColumnLayout {
    id: leftLayout
    width: parent.width/2
    anchors.bottom: progress.top
    anchors.bottomMargin: 5
    anchors.top: parent.top
    anchors.topMargin: 5
    anchors.left: parent.left
    anchors.leftMargin: 5
    Text { text: "Three" }
    Text { text: "words" }
    Text { text: "in" }
    Text { text: "a" }
    Text { text: "row" }
}

ColumnLayout {
    id: rigthLayout
    anchors.left: leftLayout.right
    anchors.leftMargin: 5
    anchors.right: parent.right
    anchors.rightMargin: 5
    anchors.bottom: progress.top
    anchors.bottomMargin: 5
    anchors.top: parent.top
    anchors.topMargin: 5
    Text { text: "Three" }
    Text { text: "words" }
    Text { text: "in" }
    Text { text: "a" }
    Text { text: "row" }
}

}
@

[sergboec]

can't locate problem but that code is fine
@
ApplicationWindow{
id: mainWindow
width:640
height: 480
visible: true
title: "Srt translate helper"

ProgressBar {
    id: progress
    height: 15
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.bottomMargin: 2
}

ColumnLayout {
    id: leftLayout
    width: parent.width/2
    anchors.bottom: progress.top
    anchors.bottomMargin: 5
    anchors.top: parent.top
    anchors.topMargin: 5
    anchors.left: parent.left
    anchors.leftMargin: 5
    Text { text: "Three" }
    Text { text: "words" }
    Text { text: "in" }
    Text { text: "a" }
    Text { text: "row" }
}

ColumnLayout {
    id: rigthLayout
    anchors.left: leftLayout.right
    anchors.leftMargin: 5
    anchors.right: parent.right
    anchors.rightMargin: 5
    anchors.bottom: progress.top
    anchors.bottomMargin: 5
    anchors.top: parent.top
    anchors.topMargin: 5
    Text { text: "Three" }
    Text { text: "words" }
    Text { text: "in" }
    Text { text: "a" }
    Text { text: "row" }
}

}

@