Hi,

There are basically two ways to do the tooltip: to position a separate DIV right above the grid cell; or render an element inside the grid cell with a "title" property.

The first method would be implemented completely outside of the Grid. You would put a separate DIV in your page with a high z-order, then absolute position that DIV either based on your mouse position or the cell position when mouse is over the cell. The client side GridCell object provides getDOMElement method for you to get the DHTML element for the grid cell:

http://www.essentialobjects.com/doc/1/jsdoc.public.gridcell.getdomelement.aspx

You can then get the position of this DHTML element and use it as a reference point to position your tooltip DIV. This method gives you to ultimate flexibility because it allows you to fully customize both the style and the content of your DIV.

An easier method is to render an element with "title" attribute inside the grid cell. For example, instead of setting a cell's value to "abc", you can set it to "<div title='this is the tooltip'>abc</div>". If your tooltip is always the same as your content you can even set the GridColumn's DataFormat to something like "<div title='{0}'>{0}</div>" so that the Grid does the formatting for you automatically. This method is easier but sometimes it has serious side effects --- for example, if you have code that needs to use a cell's Value as input, then you must manually trim the outer DIV off.

Hope this helps. Please feel free to let us know if you have any more questions.

Thanks!

Hi,

We can only give you this:



Only the first part is provided to us. You will need to have your own code to get the element's position, positioning your DIV and set your DIV's content. Those are beyond what the product does so is also beyond the scope of the support.

Thanks!