Cascades Development

[dbigham]

As of version 6 of the SDK, my app is showing a mysterious white line above the action bar. The white line goes away if I remove some of the controls from the screen. 

Is this a bug?

import bb.cascades 1.0

Page {
    content: Container {
        background: Color.create("#262626")
        layout: StackLayout {
            layoutDirection: LayoutDirection.TopToBottom
            leftPadding: 20
            topPadding: 20
        }
        Container {
            background: Color.create("#262626")
            bottomMargin: 30
            layout: StackLayout {
                layoutDirection: LayoutDirection.TopToBottom
            }
            Label {
                text: "..."
                textStyle {
                    base: SystemDefaults.TextStyles.TitleText
                    color: Color.White
                }
            }
            SegmentedControl {
                Option {
                    text: "A"
                    selected: false
                }
                Option {
                    text: "B"
                    selected: false
                }
            }
        }
        Container {
            background: Color.create("#262626")
            bottomMargin: 30
            layout: StackLayout {
                layoutDirection: LayoutDirection.TopToBottom
            }
            Label {
                text: "..."
                textStyle {
                    base: SystemDefaults.TextStyles.TitleText
                    color: Color.White
                }
            }
            SegmentedControl {
                Option {
                    text: "A"
                    selected: false
                }
                Option {
                    text: "B"
                    selected: false
                }
            }
        }
        Container {
            background: Color.create("#262626")
            bottomMargin: 30
            layout: StackLayout {
                layoutDirection: LayoutDirection.TopToBottom
            }
            Label {
                text: "..."
                textStyle {
                    base: SystemDefaults.TextStyles.TitleText
                    color: Color.White
                }
            }
            SegmentedControl {
                Option {
                    text: "A"
                    selected: false
                }
                Option {
                    text: "B"
                    selected: false
                }
            }
        }
        Container {
            background: Color.create("#262626")
            bottomMargin: 30
            layout: StackLayout {
                layoutDirection: LayoutDirection.TopToBottom
            }
            Label {
                text: "..."
                textStyle {
                    base: SystemDefaults.TextStyles.TitleText
                    color: Color.White
                }
            }
            SegmentedControl {
                Option {
                    text: "A"
                    selected: false
                }
                Option {
                    text: "B"
                    selected: false
                }
            }
        }
        Container {
            background: Color.create("#262626")
            bottomMargin: 30
            layout: StackLayout {
                layoutDirection: LayoutDirection.TopToBottom
            }
            Label {
                text: "..."
                textStyle {
                    base: SystemDefaults.TextStyles.TitleText
                    color: Color.White
                }
            }
            SegmentedControl {
                Option {
                    text: "A"
                    selected: false
                }
                Option {
                    text: "B"
                    selected: false
                }
            }
        }
    }
    actions: [
        ActionItem {
            title: "Previous"
            ActionBar.placement: ActionBarPlacement.OnBar
        },
        ActionItem {
            title: "Next"
            ActionBar.placement: ActionBarPlacement.OnBar
            }
    ]
}

[greenback]

This is most likely a bug or the edge of the visible screen container. I have seen this too.

[AllSystemGo]

I think it does the same with a Sheet. Just under the controls I see what appears to be my image on the page under.

[blackqtcoder]

The same with Sheet 

[mgoulet]

Hi there,

I would suggest loggin an issue here for this:

https://www.blackberry.com/jira/secure/Dashboard.jspa

Thanks,

Martin

[dbigham]

Hi Martin,

I have done that and should have mentioned it in my post above.

Thanks,

Daniel