THANK YOU!!!. With a few tweaks this works exactly as I wanted. I will study the code to fully understand what is going on. Thanks to everyone who gave me hints and possible solutions.
— Mike Jackson > On Dec 4, 2015, at 12:41 PM, Jérôme Godbout <jer...@bodycad.com> wrote: > > What you may want to try is something similar to this, note the parent of > GridLayout is a flickarable item and not the scrollview, this flickerable > does'nt have any size it take the children size, so you need to bind to > scrollview sizing to resize the width properly: > > Item > { > id: component > width: 800 > height: 600 > > ScrollView > { > id: scrollView_ > anchors.top: parent.top > anchors.left: parent.left > anchors.right: parent.right > height: 200 > > GridLayout > { > columns: 2 > columnSpacing: 5 > rowSpacing: 10 > property int scrollBarSpacing: 20 > width: scrollView_.width - scrollBarSpacing > flow: GridLayout.LeftToRight > > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > Text { text: qsTr("Repos path: ") } > TextField > { > Layout.fillWidth: true > text: 'fill me...' > } > } > } > } > > <image.png> > Hope this help understand what is going on for you ;-) > > On Fri, Dec 4, 2015 at 11:24 AM, Mike Jackson <imikejack...@gmail.com > <mailto:imikejack...@gmail.com>> wrote: > Thanks for the tips. I have tried all of them and nothing is working. I will > try to explain what I want and maybe someone can tell me what I am doing > wrong. > > I want a scrollable grid layout. In the grid layout are pairs of “Label” and > “Text Field” not unlike the Form Layout for a normal desktop app. I want the > “TextField” to extend itself to the width of the GridLayout. And I want the > grid layout to extend itself to the width of the ScrollView. The ScrollView > should extend itself to the width of the QQuickWidget that i am using. > > My first foray into QML isn’t going so well. > > — > Mike Jackson >> On Dec 3, 2015, at 11:45 PM, Jason H <jh...@gmx.com <mailto:jh...@gmx.com>> >> wrote: >> >> There are two sizes with the Scrolly things. >> The scroll item, whose extents are set via anchors or height/width,and the >> contentHeight and contentWidth, which are the virtual area, in this case >> your grid layout. >> Give your Grid an id, and set the scrollview contentWidth/contentHeight to >> the width and height of the >> Also, usually you need a height AND width set, if the anchors are not set. >> >> Sent: Thursday, December 03, 2015 at 7:07 PM >> From: "Mike Jackson" <imikejack...@gmail.com <mailto:imikejack...@gmail.com>> >> To: "Qt Project" <interest@qt-project.org <mailto:interest@qt-project.org>> >> Subject: [Interest] QML and ScrollView >> I am trying to use a ScrollView in a QQuickWidget but the layout does not >> seem to be honoring what I am wanting. I have a bunch of “Label/TextField” >> pairs to the point where there are so many that I need them inside a >> scrollview. the issue is that if I do that then the TextFields which are set >> to fill in the rest of the row (inside a GridLayout) does not fill the row. >> If I remove the ScrollView then the TextField fills the remainder of the row? >> Since this is my first foray into QML I am sure I am missing something >> obvious. this is with Qt 5.5.1 on OS X. I’ll post my >> — >> Mike Jackson [imikejack...@gmail.com <>] >> >> import QtQuick 2.4 >> import QtQuick.Controls 1.4 >> import QtQuick.Layouts 1.1 >> import LeroyJsonStorage 1.0 >> >> Rectangle { >> >> // Make the background a bit darker >> color: "Light Gray" >> border.color: "Black" >> >> ScrollView >> { >> anchors.fill: parent >> height: 800 >> >> GridLayout { >> columns: 2 >> anchors.fill: parent >> Label { >> text: "Foo" >> Layout.row: 0 >> } >> TextField { >> text: "Bar" >> Layout.row: 0 >> Layout.column: 1 >> Layout.fillWidth: true >> } >> >> Label { >> text: "Foo" >> Layout.row: 1 >> } >> TextField { >> text: "Bar" >> Layout.row: 1 >> } >> >> Label { >> text: "Foo" >> Layout.row: 2 >> } >> TextField { >> text: "Bar" >> Layout.row: 2 >> } >> >> Label { >> text: "Foo" >> Layout.row: 3 >> } >> TextField { >> text: "Bar" >> Layout.row: 3 >> } >> >> Label { >> text: "Foo" >> Layout.row: 4 >> } >> TextField { >> text: "Bar" >> Layout.row: 4 >> } >> >> Label { >> text: "Foo" >> Layout.row: 5 >> } >> TextField { >> text: "Bar" >> Layout.row: 5 >> } >> >> Label { >> text: "Foo" >> Layout.row: 6 >> } >> TextField { >> text: "Bar" >> Layout.row: 6 >> } >> >> Label { >> text: "Foo" >> Layout.row: 7 >> } >> TextField { >> text: "Bar" >> Layout.row: 7 >> } >> >> >> } >> } >> } >> >> >> _______________________________________________ Interest mailing list >> Interest@qt-project.org <mailto:Interest@qt-project.org> >> http://lists.qt-project.org/mailman/listinfo/interest >> <http://lists.qt-project.org/mailman/listinfo/interest> > > _______________________________________________ > Interest mailing list > Interest@qt-project.org <mailto:Interest@qt-project.org> > http://lists.qt-project.org/mailman/listinfo/interest > <http://lists.qt-project.org/mailman/listinfo/interest> > >
_______________________________________________ Interest mailing list Interest@qt-project.org http://lists.qt-project.org/mailman/listinfo/interest