[DisturbedRocks31]

Hi guys,

Once again I find myself pwned

I tried to make a container with a question, an image and 4 options. Then when I made another one of the previously mentioned container on the same page, I find myself unable to scroll down to the second container in the simulator. What do I use to fix this problem?

Same problem with another one of my pages where I have lots of text displayed with Labels { }. Can't scroll down and the text just cuts off.... multiline is set to true!

// Tabbed Pane project template
import bb.cascades 1.0
Page {
    id: lola
    titleBar: TitleBar {
        title: "101"
    }
    content: Container {
        layout: StackLayout {}
        Label {
            text: qsTr("<main_question>")
        }
        Container {
            id: q1
            verticalAlignment: VerticalAlignment.Top
            horizontalAlignment: HorizontalAlignment.Center
            maxWidth: 700.0
            preferredWidth: 700.0
            layout: DockLayout {}
            minHeight: 1000.0
            Label {
                text: "<put some random question here>"
                multiline: true
            }
            ImageView {
                imageSource: "asset:///images/name_structure.png"
                horizontalAlignment: HorizontalAlignment.Center
            }
            RadioGroup {
                Option {id: q1_answerOption1; text: "OPT" }
                Option {id: q1_answerOption2; text: "OPT" }
                Option {id: q1_answerOption3; text: "OPT" }
                Option {id: q1_answerOption4; text: "OPT" }
                translationY: 425.0
            }
        }

        
        Container {
            id: q2
            verticalAlignment: VerticalAlignment.Top
            horizontalAlignment: HorizontalAlignment.Center
            maxWidth: 700.0
            preferredWidth: 700.0
            layout: DockLayout { }
            minHeight: 1000.0
            Label {
                text: "<another question>"
                multiline: true
            }
            ImageView {
                imageSource: "asset:///images/name_structure.png"
                horizontalAlignment: HorizontalAlignment.Center
            }
            RadioGroup {
                Option {id: q2_answerOption1; text: "OPT" }
                Option {id: q2_answerOption2; text: "OPT" }
                Option {id: q2_answerOption3; text: "OPT" }
                Option {id: q2_answerOption4; text: "OPT" }
            }
        }
    }
}

[Brian Scheirer]

Put everything inside of a ScrollView{}

[DisturbedRocks31]

It's still not scrolling... I added the ScrollView and still the same thing :S


Awesome blog, very useful when I was starting out!

[travisredpath]

Put everything inside of a ScrollView{}

This should work.

// Tabbed Pane project template
import bb.cascades 1.0
Page {
    id: lola
    titleBar: TitleBar {
        title: "101"
    }
    content: ScrollView {
	Container {
	    layout: StackLayout {}
	    Label {
	        text: qsTr("<main_question>")
	    }
	    Container {
	        id: q1
	        verticalAlignment: VerticalAlignment.Top
	        horizontalAlignment: HorizontalAlignment.Center
	        maxWidth: 700.0
	        preferredWidth: 700.0
	        layout: DockLayout {}
	        minHeight: 1000.0
	        Label {
	            text: "<put some random question here>"
	            multiline: true
	        }
	        ImageView {
	            imageSource: "asset:///images/name_structure.png"
	            horizontalAlignment: HorizontalAlignment.Center
	        }
	        RadioGroup {
	            Option {id: q1_answerOption1; text: "OPT" }
	            Option {id: q1_answerOption2; text: "OPT" }
	            Option {id: q1_answerOption3; text: "OPT" }
	            Option {id: q1_answerOption4; text: "OPT" }
	            translationY: 425.0
	        }
	    }
	
	        
	    Container {
	        id: q2
	        verticalAlignment: VerticalAlignment.Top
	        horizontalAlignment: HorizontalAlignment.Center
	        maxWidth: 700.0
	        preferredWidth: 700.0
	        layout: DockLayout { }
	        minHeight: 1000.0
	        Label {
	            text: "<another question>"
	            multiline: true
	        }
	        ImageView {
	            imageSource: "asset:///images/name_structure.png"
	            horizontalAlignment: HorizontalAlignment.Center
	        }
	        RadioGroup {
	            Option {id: q2_answerOption1; text: "OPT" }
	            Option {id: q2_answerOption2; text: "OPT" }
	            Option {id: q2_answerOption3; text: "OPT" }
	            Option {id: q2_answerOption4; text: "OPT" }
	        }
	    }
	}
    }
}

[DisturbedRocks31]

Yeahhh that worked! Thanks a lot!