I have figured this out, by using states and setting the parent. It's not particularly fluid but it works StateGroup { id: stateGroup states: [ State { name: "landscape" when: root.width >= 400 PropertyChanges { target: issueDetails parent: issueDetailsSplitViewContainer } PropertyChanges { target: issueDetailsSplitViewContainer visible: true } PropertyChanges { target: issueDetailsDrawer visible: false position: 0 } }, State { name: "portrait" when: root.width < 400 PropertyChanges { target: issueDetails parent: issueDetailsDrawerContainer } PropertyChanges { target: issueDetailsSplitViewContainer visible: false } } ] }

@maxwell31 : If the number of splits is fixed to one (i.e. 2 items), then you could define a property 'item' in each of your sub-views (equivalent to the 'contentItem' of e.g. ListView): SplitView { id: splitView ... Rectangle { id: upperScreen color: "blue" property Item item: null Button { id: expandCollapseButton ... } } Rectangle { id: lowerScreen color: "red" property Item item: null } } Then, in some JS assuming you have instances someItem1 and someItem2, you could parent/reparent those to those content items: lowerScreen.item = someItem1 someItem1.parent = lowerScreen upperScreen.item = someItem2 someItem2.parent = upperScreen upperScreen.item.text = "ALL IS OK!" //assuming someItem2 has a text property

Hi there, does some one yet look into this or was it forgotten during the forum migration? Also how can I fix the code Blocks to have correct highlighting? Cheers Kieren