Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Native Development

Reply
Developer
MatthewGeomax
Posts: 39
Registered: ‎02-06-2013
My Device: Developer - BB10 Dev B

DateTimePickers in a row will partially overlap when space constrained

In the following test case:

Page {
	titleBar: TitleBar {
		title: "Odd overlap"
	}

	actionBarVisibility: ChromeVisibility.Visible
	actions:[
		ActionItem {
			title: "space filler"

		}
	]
	Container {
		Label {
			text: "foo"  
		}
		Label {
			text: "bar"
		}
		Label {
			text: "Baz"
		}
		Label {
			text: "Test"
		}
		DateTimePicker {
			id: time1
			title: "Time 1"
			value: {
				new Date()
			}
			mode: DateTimePickerMode.DateTime
		}
		DateTimePicker {
			id: time2
			title: "Time 2"
			value: {
				new Date()
			}
			mode: DateTimePickerMode.DateTime

		}
		DateTimePicker {
			id: time3
			title: "Time 3"
			value: {
				new Date()
			}
			mode: DateTimePickerMode.DateTime
		}
	}
}

 

When viewed in landspace, the pickers will animate overtop one another to make space for the picker element. When viewed in portrait, they seem to only overlap partially, cutting off the element above and looking bad.

 

Is this intentional, and aside from adding a scrollable pane, is their an attractive workaround?