Here is my RadioView.js-file

Its almost a 1:1 copy of the ButtonView-Implementation.
You should test it cause it's a quick and "maybe" dirty-solution ;)


-----Ursprüngliche Nachricht-----
Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Sebastian Werner
Gesendet: Freitag, 25. Mai 2007 08:48
An: qooxdoo Development
Betreff: Re: [qooxdoo-devel] Button in ButtonBar - resolved

Hi Tobias,

well, it would be nice if you could provide us a patch which allows the 
RadioView to support both, the bar at top and bottom. I would be happy 
to integrate it into qooxdoo.

Sebastian




Tobias Koller (GERMO GmbH) schrieb:
> Hi,
> 
> I tested the RadioView and its almost exactly what I need ;)
> But I need the buttons not on top, they should be on the bottom of the view.
> 
> Unfortunately, I didn't find a way to change the position of the bar.
> In the ButtonView-Widget there is a method "barPosition" where I can put them 
> to the bottom.
> Is there a similar method in the RadioView-Widget?
> 
> Temporarily I implemented the "barPosition"-functionality into the 
> RadioView.js and it works fine
> (after adjusting the _modifyBarPosition to 
> ----
> case "bottom":
>             vBar.moveSelfToEnd();
>             vBar.setWidth(null);
>             vBar.setHeight("auto");
>             vBar.setOrientation("vertical");
>   
>             vPane.setHeight("1*");
>             vPane.setWidth(null);
>   
>             this.setOrientation("vertical");
>             break;
> .
> ----
> 
> For my "one upon the other"-Button-wish ;)
> 
> 
> 
> -----Ursprüngliche Nachricht-----
> Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Tobias Koller 
> (GERMO GmbH)
> Gesendet: Donnerstag, 24. Mai 2007 15:31
> An: [EMAIL PROTECTED]; qooxdoo Development
> Betreff: Re: [qooxdoo-devel] Button in ButtonBar - resolved
> 
> Ok, my fault!
> The buttonView is the hole "view" where the bar and the "page" are visible.
> 
> Is it possible to display the content"pages" above the buttonbar, even if it 
> is set to
> barPosition : "left"?
> 
> |----------------------------------|
> |contend      |                                       |
> |             |                                       |
> |             |                                       |
> |             |                                       |
> |-----------|                                 |
> |btn1         |                                       |
> |-----------|                                 |
> |btn2         |                                       |
> |-----------|                                 |
> 
> By default the content is displayed on the right, right?
> -----Ursprüngliche Nachricht-----
> Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Alex Back
> Gesendet: Donnerstag, 24. Mai 2007 15:11
> An: qooxdoo Development
> Betreff: Re: [qooxdoo-devel] Button in ButtonBar - resolved
> 
> Hi Tobias,
> 
> Tobias Koller (GERMO GmbH) wrote:
>> Sorry.
>>
>> I ment : width:"100%"
>> when i use bs.getBar().set({width:"100%"});
>> then it works. Shouldn't this be default as wide as the buttonbar itself?
> The default width of the bar (for the left position) is "auto" and so the bar 
> gets as wide as the widest button-view button.
> 
> Example:
> Width of buttonview: 500px
> Width of widest button: 200px
> 
> --> width of bar: 200px
> --> width of pane: 300px
> 
> If you set the bar to a specific width of "100%" you won't see anything of 
> the 
> pane, cause there is no space left to apply to the pane. Is this the intented 
> setup?
> 
> cheers,
>   Alex
> 
> -------------------------------------------------------------------------
> This SF.net email is sponsored by DB2 Express
> Download DB2 Express C - the FREE version of DB2 express and take
> control of your XML. No limits. Just data. Click to get it now.
> http://sourceforge.net/powerbar/db2/
> _______________________________________________
> qooxdoo-devel mailing list
> qooxdoo-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> 
> -------------------------------------------------------------------------
> This SF.net email is sponsored by DB2 Express
> Download DB2 Express C - the FREE version of DB2 express and take
> control of your XML. No limits. Just data. Click to get it now.
> http://sourceforge.net/powerbar/db2/
> _______________________________________________
> qooxdoo-devel mailing list
> qooxdoo-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> 
> -------------------------------------------------------------------------
> This SF.net email is sponsored by DB2 Express
> Download DB2 Express C - the FREE version of DB2 express and take
> control of your XML. No limits. Just data. Click to get it now.
> http://sourceforge.net/powerbar/db2/
> _______________________________________________
> qooxdoo-devel mailing list
> qooxdoo-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel


-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
/* ************************************************************************

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2004-2007 1&1 Internet AG, Germany, http://www.1and1.org

   License:
     LGPL: http://www.gnu.org/licenses/lgpl.html
     EPL: http://www.eclipse.org/org/documents/epl-v10.php
     See the LICENSE file in the project's top-level directory for details.

   Authors:
     * Derrell Lipman (derrell)
     * Sebastian Werner (wpbasti)

************************************************************************ */

/* ************************************************************************

#module(ui_radioview)

************************************************************************ */

/**
 * One of the widgets which could be used to structurize the interface.
 *
 *  qx.ui.pageview.radioview.RadioView creates a series of horizontal radio
 *  buttons at the top of the view.
 *
 * @appearance radio-view
 */
qx.Class.define("qx.ui.pageview.radioview.RadioView",
{
  extend : qx.ui.pageview.AbstractPageView,




  /*
  *****************************************************************************
     CONSTRUCTOR
  *****************************************************************************
  */

  construct : function() {
    this.base(arguments, qx.ui.pageview.radioview.Bar, 
qx.ui.pageview.radioview.Pane);
    
    this.initBarPosition();
  },




  /*
  *****************************************************************************
     PROPERTIES
  *****************************************************************************
  */

  properties :
  {
    appearance :
    {
      refine : true,
      init : "radio-view"
    },

    orientation :
    {
      refine : true,
      init : "vertical"
    },
    
    barPosition :
    {
          init   : "top",
          check : [ "top", "right", "bottom", "left" ],
          apply : "_modifyBarPosition",
          event : "changeBarPosition"
    }
  },
  
  members :
  {
  
  _modifyBarPosition : function(propValue, propOldValue)
      {
        var vBar = this._bar;
        var vPane = this._pane;
  
        // move bar around and change orientation
        switch(propValue)
        {
          case "top":
            vBar.moveSelfToBegin();
            vBar.setHeight("auto");
            vBar.setWidth(null);
            vBar.setOrientation("horizontal");

            vPane.setWidth(null);
            vPane.setHeight("1*");

            this.setOrientation("vertical");
            break;

          case "bottom":
            vBar.moveSelfToEnd();
            vBar.setWidth(null);
            vBar.setHeight("auto");
            vBar.setOrientation("vertical");

            vPane.setHeight("1*");
            vPane.setWidth(null);

            this.setOrientation("vertical");
            break;

          case "left":
            vBar.moveSelfToBegin();
            vBar.setWidth("auto");
            vBar.setHeight(null);
            vBar.setOrientation("vertical");

            vPane.setHeight(null);
            vPane.setWidth("1*");

            this.setOrientation("horizontal");
            break;

          case "right":
            vBar.moveSelfToEnd();
            vBar.setWidth("auto");
            vBar.setHeight(null);
            vBar.setOrientation("vertical");

            vPane.setHeight(null);
            vPane.setWidth("1*");

            this.setOrientation("horizontal");
          break;

        }
  
        // force re-apply of states for bar and pane
        this._addChildrenToStateQueue();
  
        // force re-apply of states for all tabs
        vBar._addChildrenToStateQueue();
    }
  }
});
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to