Hi Ram,
please send a example which works out of the box from the demo folder of
qooxdoo, without requiring your images. Please try to make the example
as small as possible.
Sebastian
Ram Venkataraman schrieb:
Hi All,
I am trying to add a BarView to a grid layout. It does not seem to work
well if I set the
BarPosition to “right”.
It works fine if the BarPosition is set to left, top or bottom.
The following is the code I am using. I am also attaching a screen shot
and the errors as an attachment.
Regards
Ram
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"
src="/plebis/scripts/qooxdoo.js"></script>
<link type="text/css" rel="stylesheet"
href="/plebis/css/demolayout.css"/>
<title>Insert title here</title>
</head>
<body>
<SCRIPT type="text/javascript">
QxImageManager.setCorePath("/plebis/images") ;
QxImageManager.setIconPath("/plebis/themes/icons") ;
QxImageManager.setWidgetPath("/plebis/themes/widgets") ;
window.application.main = function()
{
var plebis_doc = this.getClientWindow().getClientDocument();
var cg = new QxGridLayout;
with(cg)
{
setColumnCount(2);
setWidth("auto");
setTop(10);
setRowCount(1);
setHeight("auto");
setLeft(10);
setPadding(8);
setVerticalSpacing(5);
setHorizontalSpacing(5);
};
cg.setColumnWidth(0,150);
cg.setColumnWidth(1,150);
cg.setRowHeight(0,20);
plebis_doc.add(cg);
cg.setRowHeight(0,300);
cg.setColumnWidth(1,500);
var custbarview = new QxBarView;
with(custbarview)
{
setHeight(200);
setBarPosition("right");
};
var barCust = new QxBarViewButton("Customer");
custbarview.getBar().add(barCust);
var barCust_page = new QxTabViewPage(barCust);
custbarview.getPane().add(barCust_page);
with(barCust)
{
setIconPosition("left");
setLabel("Customer");
setIcon("/plebis/images/cam.png");
};
var comments1 = new QxTextArea;
barCust_page.add(comments1);
var barOrder = new QxBarViewButton("Order");
custbarview.getBar().add(barOrder);
var barOrder_page = new QxTabViewPage(barOrder);
custbarview.getPane().add(barOrder_page);
with(barOrder)
{
setIconPosition("left");
setLabel("Order");
setIcon("/plebis/images/clock.png");
};
var stateList1 = new QxList;
with(stateList1)
{
setWidth(150);
setHeight(150);
setOverflow("scrollY");
};
var stateList1_GA = new QxListItem;
with(stateList1_GA)
{
setValue("GA");
setLabel("Georgia");
};
stateList1.add(stateList1_GA);
var stateList1_CA = new QxListItem;
with(stateList1_CA)
{
setValue("CA");
setEnabled(false);
setLabel("California");
};
stateList1.add(stateList1_CA);
barOrder_page.add(stateList1);
var barInvoice = new QxBarViewButton("Invoice");
custbarview.getBar().add(barInvoice);
var barInvoice_page = new QxTabViewPage(barInvoice);
custbarview.getPane().add(barInvoice_page);
with(barInvoice)
{
setIconPosition("left");
setLabel("Invoice");
setIcon("/plebis/images/bell.png");
setChecked(true);
};
var comments2 = new QxTextArea;
barInvoice_page.add(comments2);
cg.add(custbarview,1,0);
}
document.onclick=clickText
function clickText()
{
//alert('Hello');
}
</SCRIPT>
<div id="demoDebug"></div>
</body>
</html>
------------------------------------------------------------------------
-------------------------------------------------------
This SF.Net email is sponsored by xPML, a groundbreaking scripting language
that extends applications into web and mobile media. Attend the live webcast
and join the prime developer group breaking into this new coding territory!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
_______________________________________________
Qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
