Thank You for taking the time to help!  I'll look at these.

Harlan...

----- Original Message -----
From: "Christopher Zündorf" <[email protected]>
To: "qooxdoo Development" <[email protected]>
Sent: Friday, July 5, 2013 1:45:19 PM
Subject: Re: [qooxdoo-devel] How to do layered tabs using Qooxdoo Mobile

I coded something for you:

http://tinyurl.com/mont3pz

You could also just add a new TabBar into your view.

Just have a look at:
https://github.com/qooxdoo/qooxdoo/blob/084f3946d2a4ff75857c9bbc290a69242aa23aa7/application/mobileshowcase/source/class/mobileshowcase/page/Tab.js

The proposed might help you to find the right solution.

Greetz Christopher

________________________________________
Von: Harlan H. Bloom [[email protected]]
Gesendet: Freitag, 5. Juli 2013 17:54
An: [email protected]
Betreff: [qooxdoo-devel] How to do layered tabs using Qooxdoo Mobile

Hello,
  I was able to do multiple layers of tabs using qooxdoo-1.6-sdk, basically web 
page.  Now I'm trying to do something similar using Qooxdoo Mobile.  The main 
tabs work, but I can't get the nested tabs to show up.  I'm now using 
qooxdoo-mobile-2.1.1-sdk.

  I'm open to suggestions, places to look, etc.

Thanks for you time and attention,

Harlan...

Here's the code.

Application.js:
      var contactType = new openemergencymobile.view.ContactInfoView();
      var vitals = new openemergencymobile.view.PatientVitalsView();
      var disposition = new openemergencymobile.view.DispositionView();

      var manager = new qx.ui.mobile.page.Manager(false);
      //manager.addDetail([view1, contactType]);
      manager.addMaster(contactType);
      manager.addDetail([contactType, disposition]);

      var tabBar = this.__createTabBar();

      var contactInfoButton = new qx.ui.mobile.tabbar.TabButton("ContactInfo");
      contactInfoButton.setView(contactType);
      tabBar.add(contactInfoButton);

      var vitalsTabsButton = new qx.ui.mobile.tabbar.TabButton("Vitals");
      vitalsTabsButton.setView(vitals);
      tabBar.add(vitalsTabsButton);

      var dispositionButton = new qx.ui.mobile.tabbar.TabButton("Disposition");
      dispositionButton.setView(disposition);
      tabBar.add(dispositionButton);

      return(tabBar);



qx.Class.define("openemergencymobile.view.PatientVitalsView",
{
    extend : qx.ui.mobile.page.NavigationPage,

    construct : function()
    {
        this.base(arguments);
        //this.setTitle("Contact Info");

    }, // end construct()

    members :
    {
        // overridden
        _initialize : function()
        {
console.log("begin PatientVitalsView _initialize()");
            this.base(arguments);

            this.__form = this.__createForm();
            this.getContent().add(new 
qx.ui.mobile.form.renderer.Single(this.__form));

console.log("end PatientVitalsView _initialize()");
        }, // end initialize()


        /**
         *
         */
        __createForm : function()
        {
console.log("begin PatientVitalsView __createForm()");
            var form = new qx.ui.mobile.form.Form();
            var validationManager = form.getValidationManager();

            var contactType = new openemergencymobile.view.ContactInfoView();
            var disposition = new openemergencymobile.view.DispositionView();

            var manager = new qx.ui.mobile.page.Manager(false);
            //manager.addDetail([view1, contactType]);
            manager.addMaster(contactType);
            manager.addDetail([contactType, disposition]);

            var tabBar = this.__createTabBar();

            var contactInfoButton = new 
qx.ui.mobile.tabbar.TabButton("ContactInfo");
            contactInfoButton.setView(contactType);
            tabBar.add(contactInfoButton);

            var dispositionButton = new 
qx.ui.mobile.tabbar.TabButton("Disposition");
            dispositionButton.setView(disposition);
            tabBar.add(dispositionButton);

            return(tabBar);

            //form.addGroupHeader("Contact Info");
            form.add(tabBar, "Vitals");

console.log("end PatientVitalsView __createForm()");
            return (form);
        }, // end __createForm()

        __createTabBar : function() {
          var tabBar = new qx.ui.mobile.tabbar.TabBar();
          //this.getRoot().add(tabBar);
          return tabBar;
        }

    } // end members
});

------------------------------------------------------------------------------
This SF.net email is sponsored by Windows:

Build for Windows Store.

http://p.sf.net/sfu/windows-dev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
This SF.net email is sponsored by Windows:

Build for Windows Store.

http://p.sf.net/sfu/windows-dev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
This SF.net email is sponsored by Windows:

Build for Windows Store.

http://p.sf.net/sfu/windows-dev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to