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