Css edit rules

Ive got a 5x5 grid that contains edit boxes in each cell.
I'm developing for both mozilla and IE however in both cases the grids usability from an editing viewpoint isnt great.
I'm still using the activeui.css and everything looks great except for these edit cells. Grid.css probably has everything that I need but I'd prefer not to edit use this.

Could you tell me which rules I would need to add to activeui.css for the following edit cell formatting.
1) I need the cursor flashing and visable in both mozilla and IE.
2) I need to be able to double click on the text in the cell and highlight it all.
3) Similiarly I need to be able to click on the text and highlight a couple of letters bt dragging the mouse.

I dont understand css very well and would appreciate any help in telling me what specific changes I need to make to activeui.css.

thanks.

Answer to #2 & #3

//  make input box selectable

  obj.getTemplate("top").setEvent("onselectstart", obj.getEvent("onselectstart"));

  obj.setEvent("onselectstart", null);

thanks Sudhaker,

this works perfect in IE where I have visable cursor and all the functionality in #2 and #3.
However Mozilla behaves differently. I still have no visable cursor and #2 and #3 do not work in this browser either??

Any Ideas, thanks for your help so far.

Just to add to the previous post.
I just viewed your demo (very impressive by the way) in a mozilla browser and the above issues are evident. Again it works fine in the IE browser. http://thej2ee.com/awdemo/examples/myexamples/editable_cell_and_tricks.html

Thanks

This should fix #2,3

.active-templates-row, .active-controls-grid {

        -moz-user-select: text;

    }

I don't know how to solve #1 yet. The problem looks like a mozilla bug related to overlapping of the absolutely positioned elements. I am still looking at this issue.

Forum search