:: Forum >>

using tooltip libraries in combination AW kills the AW grid.

I want to add some simple tooltips to various html objects in my page and I found several simple tooltip libraries that I like, among them BoxOver, wz_tooltip, and SkinnyTip. The problem is that when I use any of these libraries in a page where I have an ActiveWidgets grid, it breaks the grid. Has anyone encountered this problem? Any workarounds? Does ActiveWidgets have any general tooltip functionality like these simple tooltip libraries provide?
Andrew Smith
Tuesday, September 16, 2008
AW allows to set the standard html tooltip with setControlTooltip or setCellTooltip methods etc.

Also I remember that a few people successfully used Walter Zorn tooltip library with AW.

http://www.walterzorn.com/tooltip/tooltip_e.htm

Are you sure it is a compatibility problem and not something else?
Alex (ActiveWidgets)
Wednesday, September 17, 2008
I haven't investigated in detail yet, but basically if I just load in the Javascript file for the tooltip library (and I tried Walter Zorn's tooltip library, in addition to 2 others I mentioned in my first post) in the same page where I'm using an ActiveWidgets grid then the grid does not function. If I then change the html in the page to not load the tooltip library's Javascript file, then the ActiveWidgets grid works fine again. Beyond that I don't know what is getting broken, but I just thought I'd query the discussion forum before I tried to get too much into it.
Andrew Smith
Wednesday, September 17, 2008
Here is an example using Walter Zorn's library (wz_tooltip.js) -

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

    var obj = new AW.UI.Grid;
    obj.setCellData(function(col, row){return col + "." + row});
    obj.setHeaderText("header");

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


    obj.onCellMouseOver = function(event, col, row){
        var text = "tooltip: " + this.getCellText(col, row);
        Tip(text);
    }

    obj.onCellMouseOut = function(){
        UnTip();
    }

    document.write(obj);

</script>
</body>
</html>


Alex (ActiveWidgets)
Wednesday, September 17, 2008
Actually, I just got it working successfully with boxover (by changing slightly the html for loading the javascript). Not sure what the problem was, but it seems to work now. I'll try with wz_tooltip and SkinnyTip also to check them. Thanks for the help and example, though.
Andrew Smith
Wednesday, September 17, 2008

This topic is archived.


Back to support forum

Forum search