Hide tab on TabbedPane

I am trying to create a system to connect / register for my application. I have the framework, with the exception of the part after the user registers or logs.

The system connect / register how it works. The application starts. The first tab has a navigation pane. Glance is disabled, as is the ActionBar. If the user has no were to go but select either connect or register. When one of these buttons are selected and the action is validated, then the tab that contains the registration/login is hidden until the user disconnects.

I see no possibility to hide a tab. I can't believe that this is not an option. I also thought that the tab would be an object attached and created or destroyed to accomplish this, if a skin is not possible?

hand. QML

import bb.cascades 1.0

TabbedPane {
    showTabsOnActionBar: false
    peekEnabled: false
    Tab {
        id: loginregisterTab
        title: qsTr("Login/Register")
        NavigationPane {
            id: navigationPane
            peekEnabled: false
            Page {
                actionBarVisibility: ChromeVisibility.Hidden
                Container {
                    Label {
                        text: "Login/Register"
                    }
                    Button {
                        onClicked: {
                            var page = loginPage.createObject();
                            navigationPane.push(page);
                        }
                        text: "Login"
                        attachedObjects: [
                            ComponentDefinition {
                                id: loginPage
                                LoginPage {
                                }
                            }
                        ]
                    }
                    Button {
                        onClicked: {
                            var page = createPage.createObject();
                            navigationPane.push(page);
                        }
                        text: "Create"
                        attachedObjects: [
                            ComponentDefinition {
                                id: createPage
                                CreatePage {
                                }
                            }
                        ]
                    }
                }
            }
            onPopTransitionEnded: {
                page.destroy();
                // Check for login/register flags. If valid flags, remove login/register Tab.
            }
        }
    }
    Tab {
        title: qsTr("Tab 2")
        Page {
            id: tab2
            Container {
                // define tab content here
                Label {
                    text: qsTr("Tab 2 title")
                    horizontalAlignment: HorizontalAlignment.Center
                    textStyle {
                        base: SystemDefaults.TextStyles.TitleText
                    }
                }
            }
        }
    }
    Tab {
        title: qsTr("Tab 3")
        Page {
            id: tab3
            Container {
                // define tab content here
                Label {
                    text: qsTr("Tab 3 title")
                    horizontalAlignment: HorizontalAlignment.Center
                    textStyle {
                        base: SystemDefaults.TextStyles.TitleText
                    }
                }
            }
        }
    }
    onCreationCompleted: {
        OrientationSupport.supportedDisplayOrientation = SupportedDisplayOrientation.All;
    }
}

LoginPage.qml

import bb.cascades 1.0

Page {
    actions: [
        ActionItem {
            title: "Login"
            ActionBar.placement: ActionBarPlacement.OnBar
            onTriggered: {
                // Code to check login credentials. If successful then pop.
                navigationPane.pop();
            }
        }
    ]
    Container {
        Label {
            text: "Login Page"
        }
    }
}

Thanks to those who helped. I got it to work like I wanted.

import bb.cascades 1.0

TabbedPane {
    id: tabbedPane
    showTabsOnActionBar: false
    peekEnabled: false
    Tab {
        id: loginregisterTab
        title: qsTr("Login/Register")
        NavigationPane {
            id: navigationPane
            peekEnabled: false
            Page {
                actionBarVisibility: ChromeVisibility.Hidden
                Container {
                    Label {
                        text: "Login/Register"
                    }
                    Button {
                        onClicked: {
                            var page = loginPage.createObject();
                            navigationPane.push(page);
                        }
                        text: "Login"
                        attachedObjects: [
                            ComponentDefinition {
                                id: loginPage
                                LoginPage {
                                }
                            }
                        ]
                    }
                    Button {
                        onClicked: {
                            var page = createPage.createObject();
                            navigationPane.push(page);
                        }
                        text: "Create"
                        attachedObjects: [
                            ComponentDefinition {
                                id: createPage
                                CreatePage {
                                }
                            }
                        ]
                    }
                }
            }
            onPopTransitionEnded: {
                page.destroy();

                // Check for login/register flags. If valid flags, remove login/register Tab.
                tabbedPane.remove(loginregisterTab);
                tabbedPane.showTabsOnActionBar = true;
                tabbedPane.peekEnabled = true;

            }
        }
    }
    Tab {
        title: qsTr("Tab 2")
        Page {
            id: tab2
            Container {
                // define tab content here
                Label {
                    text: qsTr("Tab 2 title")
                    horizontalAlignment: HorizontalAlignment.Center
                    textStyle {
                        base: SystemDefaults.TextStyles.TitleText
                    }
                }
            }
        }
    }
    Tab {
        title: qsTr("Tab 3")
        Page {
            id: tab3
            Container {
                // define tab content here
                Label {
                    text: qsTr("Tab 3 title")
                    horizontalAlignment: HorizontalAlignment.Center
                    textStyle {
                        base: SystemDefaults.TextStyles.TitleText
                    }
                }

                // Create Logout Button. Can be anywhere.
                Button {
                    text: "Logout"
                    onClicked: {
                        tabbedPane.insert(0,loginregisterTab);
                        tabbedPane.activeTab = loginregisterTab;
                        tabbedPane.setShowTabsOnActionBar(false);
                        tabbedPane.setPeekEnabled(false);
                    }
                }

            }
        }
    }
    onCreationCompleted: {
        OrientationSupport.supportedDisplayOrientation = SupportedDisplayOrientation.All;
    }
}

Tags: BlackBerry Developers

Similar Questions

  • How to change a tab active tabbedpane qml another?

    Hello

    Let's say I have a sheet with a few buttons in the menu. I have three buttons called menu 1, menu 2 and 3. Then I have another file qml tabbedpane with three tabs... I am able to show the tabbedpane when I click on the buttons, but how can I change the active of the tabbedpane tab when the user clicks on the menu 2 and the active tab change 2 tab? How can I achieve this?

    Thank you.

    Hi, from your description, you must assign an id to each tab and tabbedpane. Then in the onClicked button slot you write like this

    onClicked: {
          tabbedpane.activeTab = tab2;
    }
    
  • Hide tab Custom Menu program on page OA

    Hi all!
    1. I added a custom page menu.
    2. I spread PDC on this page.
    3. How can I hide/show this menu on my page by programming in extended controller?

    Copy the following code (here: Re: Hide tab/Menu )
    //
    OATabBarBean oaTabBarBean = (OATabBarBean) pageContext.getPageLayoutBean () .getTabs ();

    Returns the null value :(

    Wait 4 your help!
    import oracle.apps.fnd.framework.webui.beans.layout.OAPageLayoutBean;
    import oracle.apps.fnd.framework.webui.beans.nav.OATabBarBean;
    import java.util.Vector;
    
    Here is the working code change it according to your requirement.
    
    OAPageLayoutBean page = pageContext.getPageLayoutBean();
       page.prepareForRendering(pageContext);
    
       OATabBarBean oaTabBarBean = (OATabBarBean)pageContext.getPageLayoutBean().getTabs();
       OAPageLayoutBean pageLayoutBean = (OAPageLayoutBean)webBean;
        //If Tabs are present and Render Flag is false
       if (oaTabBarBean != null)
       {
    
       am.getOADBTransaction().writeDiagnostics(this, "OATabBar is not Null", 1);
    
       Vector oaTabBarChildren = OAWebBeanHelper.getIndexedChildren(oaTabBarBean);
       if( oaTabBarChildren != null )
       {
       for (int i=0;i< oaTabBarChildren.size();i++)
       {
    
       am.getOADBTransaction().writeDiagnostics(this, "Inside the for clause", 1);
    
       OALinkBean link = (OALinkBean)oaTabBarChildren.elementAt(i);
    
       am.getOADBTransaction().writeDiagnostics(this, "Inside the i Check condition " + i, 1);
    
          if (i==1)
          {
            link.setRendered(true);
          }
        }
      }
    }
    

    Thank you
    -Anil
    http://oracleanil.blogspot.com/

  • Between tabs in TabbedPane

    Hello

    How to you switch to a specific tab when you click an ActionItem in another tab?

    Thanks in advance.

    Hello

    To put the tabs, you must use the "ActiveTab", property.

    (1) make sure that your Tab in QML object contains an id:

    ID: tabbedPane

    (2) check of course your tabs contain the ids as well:

    ID: actualTab2

    (3) in your current tab of ActionItem onTriggered routine, call the following:

    tabbedPane.activeTab = actualTab2;

    Let me know if it works for you;

    Martin

  • Show and hide tabs

    I want to use my application with different users (with a different authorization) and
    I have to parent 12 navigation tabs.
    But depending on the user (permission) I want to show or hide the parent tabs.
    Is this possible in Apex?

    I also have a second question:
    I want to make changes in the CSS for the appearance of the tabs in my theme (topic 13). But how do you do that?
    I tried on different ways, but it does not work.

    1. I tried to use inline styles in my template on the page 'two level Tabs '.
    I put the style of style inline = "color: Green;" in the tag DIV with id = "t13PageTabs", in the TR tag but nothing works.

    2nd I tried to make a copy of the original CSS, and then make the changes in the CSS for the classes in the following tag:
    -a: link, a: visited
    -a: active,: hover
    -span. OnC
    -span. Creancesc a: link, span. Creancesc a: visited
    -span. Creancesc a: hover
    After the changes I load the CSS file (with a different name) through Shared
    Components-> Cascading Style Sheets and change the href attribute in the link to the CSS tag
    in the header of the page 'Two level Tabs' but who do not work also.

    My questions are so follow them... Can I change the style of the tab (I mean just the color of the text in the tab)?
    And how do you do that?

    Somebudy can help me...

    Hello

    Question 1: Go to Edit tab and use the conditional display settings.

    Question 2: Go to the page template that you use and modify attributes of the tab Standard.

    See you soon

    Ben

  • Hide the tab bar

    Mozilla is great, but FF23 has bothered me greatly! They have removed some of the more useful features of Firefox autour (looking at you search by name)

    Hide the tab bar is more controllable, I like my screen space, but check the tabs bar disappear if I do not need. Do I need an add-on for this now? (ugh!)

    And now I can not even send comments on Input - https://input.mozilla.org because it does give me an option to save a persona Account!

    I need to give Mozilla a Tennessee to talk about this mess. What is the email address for them?

    Hello, apparently this option has been removed intentionally in preparation for a redesign of the browser which will land in firefox later this year. You can use the following extensions to work around this issue if: https://addons.mozilla.org/firefox/addon/hide-tab-bar-with-one-tab/

    If you want to go back to mozilla, you can do it directly without the need of your registration to https://input.mozilla.org/feedback

  • A custom step of multiple digital limit test | Hide the limit tab

    Hi all

    I am trying to create a custom step of multiple digital limit test. The custom step by itself poplulates the value of the limits of the measure. So I plan on Hide tab limits within the parameters of the step. Can someone guide me on how to do it?

    Thank you

    Prasaanthan

    Make sure that you have checked the box 'Show hidden properties' in the StationOptions > preferences. Otherwise, you will never find the table refers to erik.

    Norbert

  • How to hide the bar tabs in Popup

    Hi all

    How can we hide TAB when we show the same page in Popup.

    For example, suppose I have page 1 which is showing the TAB 1. I want to see the same page when some touch TAB 2.
    Right now, it's showing with TAB. Y at - it a command to show and hide the tab based on certain conditions?

    Thank you

    James,

    Not in a clean way. Why not give all the tabs the same condition. It may not seem so bad...

    Kind regards
    Dan

    http://danielmcghan.us
    http://sourceforge.NET/projects/tapigen

    You can reward this answer by marking as being useful or correct ;-)

  • Each new browser window has two tabs (one is the sign more) then how we close a window with a single page in without warning multi-onglet?

    Firefox 38 changed the behavior of the tab for me so that each window with two tabs open. The second tab is the 'plus' sign for the creation of new tabs. This means that when the window is closed, the content disappears, but the window to grab and must be closed by hand.

    I tried the "Hide Tab Bar with a tab" extension, but it does nothing. My additional windows are always open with the tab bar (which they don't have in previous versions) and two tabs are there.

    I "warn me if I try to close multiple tabs" together. I don't know if that's the problem. If this is the case, I don't want to give it up because it's useful. When I have several tabs. But a window that has one thing that he really needs to behave like a window that has one thing in it.

    unkilbeeg said

    Firefox 38 changed the behavior of the tab for me so that each window with two tabs open. The second tab is the 'plus' sign for the creation of new tabs. This means that when the window is closed, the content disappears, but the window to grab and must be closed by hand.

    I tried the "Hide Tab Bar with a tab" extension, but it does nothing. My additional windows are always open with the tab bar (which they don't have in previous versions) and two tabs are there.

    I "warn me if I try to close multiple tabs" together. I don't know if that's the problem. If this is the case, I don't want to give it up because it's useful. When I have several tabs. But a window that has one thing that he really needs to behave like a window that has one thing in it.

    I crossed by disabling the extensions, and the extension of ImageTweak seems to have been the culprit. It was apparently works well with the previous version, 38 he screwed up. Well, not an extension is critical.

  • I found the show/hide button toolbars, but you should know how to REMOVE toolbars that appear on this list?

    I found the show/hide button toolbars, but you should know how to REMOVE toolbars that appear on this list?

    Is attached a screenshot of my screen with the context menu to show/hide tabs. I want to delete some of them and let others. Please help me to know how. Thank you!

    Hmm, maybe this "one-time" imported into the new preference? Try this:

    (1) in a new tab, type or paste Subject: config in the address bar and press ENTER. Click on the button promising to be careful.

    (2) in the search above the list box, type or paste the cust and make a pause so that the list is filtered

    (3) double-click the preference of browser.uiCustomization.state and the content must be highlighted in a small dialog box.

    (4) copy the whole line and paste it into Notepad and save it as a backup.

    (5) in Firefox, click on the button '3-bar' menu > developer > Notepad. Remove the comment that appears and paste data preferably, that must appear on a long line. Click on the "Pretty Print" button to make it more readable.

    So I hope that you can spot the extra toolbars and change them out, taking care to preserve the commas between the elements.

    I don't have the extra toolbars in mine, but I copied and pasted back this spaced format and Firefox was able to handle it well. I went into customize and moved a button, and when I left, Firefox has rewritten the preference set as a single line. Assuming that yours works fine, then you can get rid of the backup from step (4).

  • The navigation bar (folder tabs) come and go all of a sudden. I would like to disable that feature, but don't know how.

    This week, with no intent on my part, the folder and the toolbar hide tabs - in this case I can no longer see the other application icons pinned to my taskbar. I would like to disable this but don't know how.

    Hello patita12, it sounds like you have accidentally enabled full screen - you can press f11 to leave again.

  • disable tabs in firefox 29

    I just installed 29,0 FF. Now the tabs are back. I hate tabs. They mae a still smaller already small screen. How can I disable them? Search this site and the web made me get no useful result. < browser.tabs.autoHide > is true and also has been activate false/true, but the browser ignores. -Thanks for any help

    Support to hide the tab bar with one tab open has been dropped since Firefox and now you need an extension.

  • Just reinstalled 27. Don't want / use tabs. How to get rid of them? Tools/Options I disabled everything concerning tabs, but that did not work. I like the window

    Don't know what you need here. I have XP, but doubt you need. Computer died the other night, and I'm trying to reinstall everything.

    Sorry, you can not get rid of tabs in Firefox. But you can hide the tab bar when only one tab is opened with this extension.

    https://addons.Mozilla.org/en-us/Firefox/addon/Hide-tab-bar-with-one-tab/

  • Why all the close tab buttons are missing?

    Yesterday, I was using Firefox 25.0.1 without any problem. Today, I launched Firefox, only to discover that the buttons [X] for the tabs have disappeared! Instead, I saw a single button [x] on the right side of the tab bar, that closes the active tab. There is no changes/updates I made to Firefox between yesterday and today. I checked the browser.tabs.closeButtons setting and seen that it is always set to 1. Change it has no effect. What is going on?
    Thank you
    Teraforce88

    I have this same problem. Firefox 25.0.1 worked well, with tabs as usual, until a few hours ago, when they simply disappeared. As the OP, I have the "Hide Tab Bar with a tab" extension. I disabled it and the ' x was immediately visible once again, so there must be something with the extension itself which causes make them disappear.

    The developer of this extension says that the next update should take care of it, and it should be in the next few hours or maybe a day. You can see this exchange here: https://addons.mozilla.org/en-US/firefox/addon/hide-tab-bar-with-one-tab/reviews/

  • How can I disable the tab bar in FF 24 when a window is open?

    I've just updated to 24.0 FF FF 20 with Tab Mix Plus already installed. (OS X 10.6.8) In the menu Preferences of Firefox, tabs box, I put the "hide the tab bar: ' option ' when I as one tab.» I also spent the Tab Mix Plus option button and the drop-down list for the same value. Unfortunately, it has not the desired effect. Firefox opens to my home page with a tab at the bottom. (I prefer the tabs down and this setting still works). With only an open page, this tab is completely useless, takes me space, and simple bugs.

    Now, here's what I found. Once I started Firefox, if I go to the Tab Mix Plus options box and select "Hide tab bar: always" and set the option to return to "When I have only a single tab" I can enjoy a page without the tab bar, that is, until I've opened many tabs and then closed all but one. So I see the tab bar remain stubbornly. An incompatibility between FF and Tab Mix Plus, maybe. Is FF 24 leaving no Tab Mix show the number of open tabs? Don't know. But I can't seem to solve.

    Well, never mind, I found yet another addon to fix this. So-called acurately enough, Hide Tab Bar with a tab 1.1 - I recommend it. Unlike Firefox, it works as expected.

    My advice to the developers of Firefox is to allow users to do everything. Most don't mind and will be happy with the default settings, but those of us who have MARKED preferences and there are many of us, we continue to be very frustrated with these new arbitrary limits on the options.

    Solved by myself, with the help of the man who wrote the extension. A big thanks to them.

Maybe you are looking for

  • Windows 7 upgrade Assistant does not work

    Well I'm number 28 on the so-called telephone helpdesk number so I thought I would try it to see if its more quickly! I'm trying to install Windows 7 with the Toshiba disk provided to upgrade to Vista.I tried 10 times or more, but when I use the wiza

  • CLA framework tips

    Hello! A CLD since a few years now, I take my CLA this year. Looking at solutions and people forums seem fairly shared between an oriented OBJECT framework actor, or approach QMH. I cannot get my head round all AF normally I decided that I would go w

  • Pavilion TS 15 touch screen quite feature

    Had this laptop for Christmas, improved to 8.1, worked fine until two days ago when the function key for the screen just stopped working.  Boots to the splash screen, but only the touchpad works to move.  Nothing in support of HP or the forums. Troub

  • Is there a keyboard shortcut key to activate the wlan switch?

    Network switch wireless on Acer Aspire 3050 1047 Switch wireless on Acer Aspire 3050 1047 does not work. Is there a keyboard shortcut key to toggle the switch internally? Thank you, david

  • Pop to the home screen

    I want to break out to the home screen of my fifth screen, where I have a button that takes home I sent this link http://StackOverflow.com/questions/8380558/pop-to-home-screen and put the same code, but the app crashes, but does not fall down. any he