:: Forum >>

AW.Input control in a grid header row - problem in FF

I am using AW.Input controls in the header row of a grid as the input for values to be used for filters on the grid columns. No probem in IE but in FF it seems there is limited use of the cursor when the user clicks in the input.

More specifically when you click in the input box, you don't see the cursor appear. The only keyboard or mouse access in the input is then using the keyboard backspace button to remove existing text, or you can key in new letters. In IE everything works fine i.e. you see the cursor (flashing line) and you can drag and highlight text already in the box.

I had a look round the forum but could not see any existing reference of this behaviour. Anybody else got this? Also any ideas on getting FF to the correct behaviour would be very welcome!

Thanks
Will
Will
Friday, February 17, 2006
Hi,

Did find a solution to this issue ?
I'm facing the same problem.
The code is given below.
Anyone has a solution to this issue ?


<html>
<head>
<script src="activewidgets/runtime/lib/aw.js"></script>
<link href="activewidgets/runtime/styles/xp/aw.css" rel="stylesheet"></link>

<style>
#myInput {width: 150px; height: 25px}
</style>

</head>
<body>

<script>

var inp = new AW.UI.Input;
inp.setId("myInput");
inp.setControlText("Some text");
inp.setControlImage("favorites");

var obj = new AW.Grid.Extended;
obj.setSize(800, 250);
obj.setCellText(function(i, j){return j + "-" + i});
obj.setHeaderCount(2);
obj.setHeaderText("header");
obj.setHeaderText(["sub 0", "sub 1", "sub 2", "Sub 3", "Sub 4", "Sub 5", "Sub 6", "Sub 7", "Sub 8", "Sub 9"], 1);

obj.setHeaderTemplate(inp, 4, 1);
inp.setAttribute("aw", "control");

obj.setColumnCount(10);
obj.setRowCount(10);

document.write(obj);

</script>

</body>
</html>
Ankur Motreja
Saturday, October 14, 2006
bump
Ankur Motreja
Sunday, October 15, 2006
anyone ?
Ankur Motreja
Tuesday, October 17, 2006
bump
Ankur Motreja
Thursday, October 19, 2006
Ankur

No, I never got this resolved I'm afraid.
Sorry.

Will
Will
Friday, October 20, 2006
http://activewidgets.com/javascript.forum.13884.4/input-fields-dont-display-the.html
Friday, October 20, 2006
Here is the fix to make initial block selection visible in Firefox:

.aw-grid-control .aw-ui-input,
.aw-grid-control .aw-ui-combo {
-moz-user-select: text;
}
Alex (ActiveWidgets)
Wednesday, October 25, 2006
Thanks Alex !!
That works perfectly.

Ankur
Ankur Motreja
Wednesday, October 25, 2006
Alex.
I have still half of the problem in Firefox. If I select the text this is correctly highlighted, but I still not see the cursor!!
In IE7 it's all ok.
Massimiliano (Genua - Italy)
Wednesday, December 6, 2006
Massimiliano,

Here's a simple example that works fine for me in FF 2.0
Hope it helps you solve your problem.

<html>
<head>
<script src="activewidgets/runtime/lib/aw.js"></script>
<link href="activewidgets/runtime/styles/xp/aw.css" rel="stylesheet"></link>

<style>
.aw-grid-control .aw-ui-input,
.aw-grid-control .aw-ui-combo {
-moz-user-select: text;
}

</style>

</head>
<body>

<script>
var inp = new AW.UI.Input;
    inp.setId("myInput");
inp.setControlText("Some text");
    inp.setControlImage("favorites");

var obj = new AW.Grid.Extended;
obj.setCellText(function(i, j){return j + "-" + i});
obj.setHeaderCount(2);
obj.setHeaderText("header");
obj.setHeaderText(["sub 0", "sub 1", "sub 2", "Sub 3", "Sub 4", "Sub 5", "Sub 6", "Sub 7", "Sub 8", "Sub 9"], 1);

obj.setHeaderTemplate(inp, 0, 1);
inp.setAttribute("aw", "control");

obj.setColumnCount(10);
obj.setRowCount(100);

obj.setCellEditable(true);

document.write(obj);
</script>
</body>
</html>
Ankur Motreja
Wednesday, December 6, 2006
Thanks Ankur.

I have found the bug.
I've used the code below for combo box filters (with readonly input field) and I have forgotten to delete it!!
.aw-gecko .aw-edit-control .aw-item-box {overflow:hidden;}

Massimiliano (Genua - Italy)
Wednesday, December 6, 2006

This topic is archived.


Back to support forum

Forum search