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
February 17,
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
October 14,
Ankur
No, I never got this resolved I'm afraid.
Sorry.
Will
Will
October 20,
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)
October 25,
Thanks Alex !!
That works perfectly.
Ankur
Ankur Motreja
October 25,
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)
December 6,
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
December 6,
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)
December 6,