I am loving the way these plugins are built to allow guy, but am running into a few issues.
I am building a large tool tip that will contain some information about an item. I am using the dynamic plug in and while for the most part it is working OK there a few shortcomings and I believe a number of bugs. My code is as follows:
The bugs that I believe are that the tooltips natural direction is not getting a class applied to the element i.e my element with the ID "SynopsisTip" I believe should get a class of Right. Even if I put Right directly on the element in the HTML after the first time I scroll away from it it gets a class of " " until I force the tooltip to show using one of the other edges, like "Left". I want to be able to style my tooltip to handle and display correctly no matter if it is hanging off the top, left, bottom or right so I need at least one those classes included on the tooltip element.
Another thing is that none of the measurements in the dynamic plugin seem to make a difference, no matter which direction the tooltip falls it always seems to take it's dimension from the tooltip plugin. :(
It would also be fantastic if you could the preferred order of the edges. For these items I would like the tooltip to always show to the right of the element but if it gets too close to the right side then to show on the left, after that try above and then finally after all other edges have been tried then to put it at the bottom. At the moment if I take away the position in the tooltip function and try to rely on all the dynamic functions data then it always just seems to try top then bottom.
I am building a large tool tip that will contain some information about an item. I am using the dynamic plug in and while for the most part it is working OK there a few shortcomings and I believe a number of bugs. My code is as follows:
function initSynopsisBallons() {
$(".Program h3").tooltip({
effect: "slide",
tip: "#SynopsisBalloon",
direction: "right",
position: "center right",
offset: [10,-30],
delay: 300,
predelay: 1000,
slideOffset: 20,
slideInSpeed: 300,
fadeInSpeed: 150,
slideOutSpeed: 300,
fadeOutSpeed: 300
}).dynamic({
classNames: "Top Right Bottom Left",
Top: {
direction: "up",
position: "top center",
offset: [30, 0]
},
Right: {
direction: "right",
position: "center left",
offset: [10, -30]
},
Bottom: {
direction: "down",
position: "bottom center",
offset: [-30, 0]
},
Left: {
direction: "left",
position: "center right",
offset: [10, 30]
},
api: true
});
};
The bugs that I believe are that the tooltips natural direction is not getting a class applied to the element i.e my element with the ID "SynopsisTip" I believe should get a class of Right. Even if I put Right directly on the element in the HTML after the first time I scroll away from it it gets a class of " " until I force the tooltip to show using one of the other edges, like "Left". I want to be able to style my tooltip to handle and display correctly no matter if it is hanging off the top, left, bottom or right so I need at least one those classes included on the tooltip element.
Another thing is that none of the measurements in the dynamic plugin seem to make a difference, no matter which direction the tooltip falls it always seems to take it's dimension from the tooltip plugin. :(
It would also be fantastic if you could the preferred order of the edges. For these items I would like the tooltip to always show to the right of the element but if it gets too close to the right side then to show on the left, after that try above and then finally after all other edges have been tried then to put it at the bottom. At the moment if I take away the position in the tooltip function and try to rely on all the dynamic functions data then it always just seems to try top then bottom.
