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
New Developer
Posts: 28
Registered: ‎07-17-2012
My Device: LE / DevAlphaC
My Carrier: vodafone

Information qml in Action Item

[ Edited ]

Hey guys I have a simple question but I havent been able to find an answer as simple as needed or wished 

 

I have an Tabbed pain app with an ActionItem that I want to link to a new QML called info.qml

 

my item is named as well but how do I connect 2 qml so that it will open by tapping on it.

Whats the command I have to add

 

 

 

ActionItem {

                    title: "Information"

                    imageSource: "asset:///images/ic_info.png"

                }

interested in current apps?

http://appworld.blackberry.com/webstore/vendor/58298
Developer
Posts: 1,746
Registered: ‎04-08-2010
My Device: Passport Silver, PRIV
My Carrier: Telekom.de, O2, Vodafone

Re: Information qml in Action Item

you have to use a NavigationPane on your Tab

 

then you can pop() and push() Pages on this Tab

-------------------------------------------------------------------------------
ekke (independent software architect, rosenheim, germany)

BlackBerry Elite Developer
BlackBerry Platinum Enterprise Partner
International Development native Mobile Business Apps
BlackBerry 10 | Qt Mobile (Android, iOS)
Workshops / Trainings / Bootcamps

blog: http://ekkes-corner.org
mobile-development: http://appbus.org Twitter: @ekkescorner
New Developer
Posts: 28
Registered: ‎07-17-2012
My Device: LE / DevAlphaC
My Carrier: vodafone

Re: Information qml in Action Item

also if I am using tabbedpane?

interested in current apps?

http://appworld.blackberry.com/webstore/vendor/58298
Developer
Posts: 1,746
Registered: ‎04-08-2010
My Device: Passport Silver, PRIV
My Carrier: Telekom.de, O2, Vodafone

Re: Information qml in Action Item

yes

 

in my OpenDataSpace app I'm doing exactly this

 

root is Tabbed Pane

 

single Tabs are NavigationPane

 

then on each Tab you can have a stack of Pages

-------------------------------------------------------------------------------
ekke (independent software architect, rosenheim, germany)

BlackBerry Elite Developer
BlackBerry Platinum Enterprise Partner
International Development native Mobile Business Apps
BlackBerry 10 | Qt Mobile (Android, iOS)
Workshops / Trainings / Bootcamps

blog: http://ekkes-corner.org
mobile-development: http://appbus.org Twitter: @ekkescorner
New Developer
Posts: 28
Registered: ‎07-17-2012
My Device: LE / DevAlphaC
My Carrier: vodafone

Re: Information qml in Action Item

looks pretty confusing for a beginner 

 

thats how mine is looking so far and I am just looking for the code I have to put behind this

 

ActionItem {

                    title"Information"

                    imageSource"asset:///images/ic_info.png"

                    

                },

 

to get from here to the info.qml and back to the normal screen.

 

import bb.cascades 1.0

 

TabbedPane {

    showTabsOnActionBar: true

    Menu.definition: MenuDefinition {

       

            helpAction: HelpActionItem {}

              

        }

    

    

    Tab {

        title: "Home"

        imageSource: "asset:///images/101.Home.png"

        Page {

            

                        

            

            

              Container {

                    background: Color.create ("#1A4226")

                Container {

                    horizontalAlignment: HorizontalAlignment.Center

                    ImageView {

                        imageSource: "asset:///images/tcs1.png"

                    }

                    

                    Container{

                        horizontalAlignment: HorizontalAlignment.Center

                        ImageView {

                        imageSource: "asset:///images/TCS2.png"

                    }

                }

                    Container {

                        verticalAlignment: VerticalAlignment.Center

                        horizontalAlignment: HorizontalAlignment.Left

                        Label {

                            text: "\n    Öffnungszeiten \n\n     \tMo-Fr: \t08:00-20:00\n     \tSa: \t\t09:00-20:00\n      \tSo: \t\t11:00-19:00"

                            multiline: true

                            verticalAlignment: VerticalAlignment.Center

                            horizontalAlignment: HorizontalAlignment.Center

                            textStyle.color: Color.White

                            textStyle.fontSize: FontSize.Large

                        }

                    }

                }

            }

            id: page1

            actions: [

                ActionItem {

                    title: "Contact"

                    imageSource: "asset:///images/ic_email.png"

                                         

            },

                ActionItem {

                    title: "Information"

                    imageSource: "asset:///images/ic_info.png"

                    

                },

                ActionItem {

                    title: "Facebook"

                    imageSource: "asset:///images/083.FaceBook.png"

                                },

                 ActionItem {

                   title: "Foursquare"

                    imageSource: "asset:///images/Foursquare.png"

                                                            },

            ActionItem {

                        title: "Qype"

                        imageSource: "asset:///images/qype.png"

                            },

                                                                                        

                ActionItem {

                    title: "Twitter"

                    imageSource: "asset:///images/084. Twitter.png"

                }

            ]

            

            

    }

   

        

}

    Tab {

        title: "Location"

        imageSource: "asset:///images/ic_map.png"

        Page {

            Container {

                background: Color.create("#1A4226")

                Container {

                                    horizontalAlignment: HorizontalAlignment.Center

                                    ImageView {

                                        imageSource: "asset:///images/tcs1.png"

                                    }

                                }

                Container {

                    leftPadding: 0.0

                    horizontalAlignment: HorizontalAlignment.Center

                    ImageView {

                        imageSource: "asset:///images/map.png"

                        preferredWidth: 700.0

                        preferredHeight: 550.0

                        verticalAlignment: VerticalAlignment.Center

                        horizontalAlignment: HorizontalAlignment.Center

                    }

                 }

                Container {

                    verticalAlignment: VerticalAlignment.Center

                    horizontalAlignment: HorizontalAlignment.Center

                    topPadding: 150.0

                    Button {

                        text: "Open on BB maps"

                    }

                }

            }

            id: page2

            actions: [

                ActionItem {

                    title: "Contact"

                    imageSource: "asset:///images/ic_email.png"

                },

                ActionItem {

                    title: "Information"

                    imageSource: "asset:///images/ic_info.png"

                },

                    ActionItem {

                    title: "Facebook"

                    imageSource: "asset:///images/083.FaceBook.png"

                                                },

                    ActionItem {

                     title: "Foursquare"

                      imageSource: "asset:///images/Foursquare.png"

                                               },  

            ActionItem {

                        title: "Qype"

                        imageSource: "asset:///images/qype.png"

                            },

                                                                                                      

                    ActionItem {

                    title: "Twitter"

                    imageSource: "asset:///images/084. Twitter.png"

                                                                }

            ]

        }

    }

    Tab {

        title: "Coffee"

        imageSource: "asset:///images/125.Coffee.png"

        Page {  

            Container {

                background: Color.create("#1A4226")

                Container {

                                    horizontalAlignment: HorizontalAlignment.Center

                                    ImageView {

                                        imageSource: "asset:///images/tcs1.png"

                                    }

                                }

                            }

            id: page3

            actions: [

                ActionItem {

                    title: "Contact"

                    imageSource: "asset:///images/ic_email.png"

                },

                ActionItem {

                    title: "Information"

                    imageSource: "asset:///images/ic_info.png"

                },

                ActionItem {

                title: "Facebook"

                    imageSource: "asset:///images/083.FaceBook.png"

                         },

            ActionItem {

                        title: "Foursquare"

                        imageSource: "asset:///images/Foursquare.png"

                            },

                            

            ActionItem {

                        title: "Qype"

                        imageSource: "asset:///images/qype.png"

                            },                

            ActionItem {

                    title: "Twitter"

                    imageSource: "asset:///images/084. Twitter.png"     

                                    }

            ]

            

            

        }

    }

 

 

 

}

 

interested in current apps?

http://appworld.blackberry.com/webstore/vendor/58298
Developer
Posts: 1,746
Registered: ‎04-08-2010
My Device: Passport Silver, PRIV
My Carrier: Telekom.de, O2, Vodafone

Re: Information qml in Action Item

as first step use different qml for each Tab

and your code becomes much more readable

-------------------------------------------------------------------------------
ekke (independent software architect, rosenheim, germany)

BlackBerry Elite Developer
BlackBerry Platinum Enterprise Partner
International Development native Mobile Business Apps
BlackBerry 10 | Qt Mobile (Android, iOS)
Workshops / Trainings / Bootcamps

blog: http://ekkes-corner.org
mobile-development: http://appbus.org Twitter: @ekkescorner