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
Regular Contributor
mdmdev
Posts: 75
Registered: ‎11-30-2012
My Device: curve
My Carrier: airtel

Header item

Can we remove the blue border in the Header item in QML.

Please use plain text.
Developer
javayoung
Posts: 313
Registered: ‎05-31-2010
My Device: Alpha 10, Bold 9900, Storm 9530, Tour 9630, Curve 9320, Curve 8900
My Carrier: All

Re: Header item

Where is the blue border? May you attach a screenshot?




p(^_^)q
Good good study, day day up
Please use plain text.
Regular Contributor
mdmdev
Posts: 75
Registered: ‎11-30-2012
My Device: curve
My Carrier: airtel

Re: Header item

Please use plain text.
Developer
Curahee
Posts: 219
Registered: ‎01-12-2013
My Device: z30
My Carrier: Mobile Vikings

Re: Header item

He means that blue border

https://developer.blackberry.com/cascades/reference/bb__cascades__header.html

 

It doesn't look like it's possible. Maybe you can create your own customcomponent?

https://developer.blackberry.com/cascades/documentation/ui/custom_components/index.html

______________________________________________________
beRail: BlackBerry World - GitHub
Mobile Vikings: BlackBerry World - GitHub
Park in Brussels: BlackBerry World
Please use plain text.
Developer
javayoung
Posts: 313
Registered: ‎05-31-2010
My Device: Alpha 10, Bold 9900, Storm 9530, Tour 9630, Curve 9320, Curve 8900
My Carrier: All

Re: Header item

[ Edited ]

OK. I got it. I also asked the same question as before. You can customize the header item.

 

See my code, you can change into any layout. please ignore my detail implementaion.

ListItemComponent {
                        type: "header"
                        Container {
                            background: Color.create("#ffffff")  //it is very important
                            leftPadding: 0
                            topPadding: 0
                            rightPadding: 0
                            bottomPadding: 0
                            preferredWidth: 768
                            preferredHeight: 66

                            layout: AbsoluteLayout {
                            }
                            ImageView {
                                objectName: "groupheader"
                                imageSource: "asset:///images/subtitle_background.png"
                                layoutProperties: AbsoluteLayoutProperties {
                                    positionX: 0
                                    positionY: 0
                                }
                                preferredWidth: 768
                                preferredHeight: 66
                            }
                            Label {
                                text: if (ListItemData != undefined) ListItemData

                                // Apply a text style to create a large, bold font with
                                // a specific color
                                textStyle {
                                    fontSize: FontSize.PointValue
                                    fontSizeValue: 10
                                    fontFamily: "Roboto"
                                    fontWeight: FontWeight.Normal
                                    color: Color.create("#ffffff")
                                }
                                layoutProperties: AbsoluteLayoutProperties {
                                    positionX: 30
                                    positionY: 0
                                }
                            }
                            Divider {
                                layoutProperties: AbsoluteLayoutProperties {
                                    positionX: 0
                                    positionY: 66
                                }
                            }
                        }

 also need implement the function itemType

 

function itemType(data, indexPath) {
                    if (indexPath.length == 1) {
                        return 'header';
                    } else {
                        return 'textItem'
                    }
                }

 




p(^_^)q
Good good study, day day up
Please use plain text.
Regular Contributor
mdmdev
Posts: 75
Registered: ‎11-30-2012
My Device: curve
My Carrier: airtel

Re: Header item

Thanks for the response, will try this code.

 

 

Please use plain text.