We're having problems with the igDataChart cutting off the tooltip at the edge of the control. We have our controls almost to the edge of the browser window and noticed that it doesn't shift. Is this a bug or are we missing something within the chart or tooltip settings? I've attached a png of what we're seeing. We're running version 13.1.20131.1012.
Thanks!
Hi jpatton,
The image here doesn't really show the tooltip but I can imagine this can become an issue upon hovering over a bar at the far left or far right of the page. There's not much real estate here and depending on the size of the tooltip, it could get cut-off. The tooltip wouldn't shift over on it's own.
If you can provide me your mark-up I can take a look for you.
Hi jPatton,
Please let me know if you needed any further assistance.
Hi Troy,
I'll try to build a better snippet since our project is building HTML dynamically with javascript based off validations. However, simply applying a tooltip template within a chart shows this:
<div id="CEO_tooltip" class="ui-chart-tooltip ui-widget-content ui-corner-all" style="position: absolute; top: 452px; left: 1644px; z-index: 10000; display: none;"> <div><label>CEO: </label><span>260.87</span></div></div>
If the chart has a 0px margin and has padding-right: 0px on the browser window, is there a best practice for shifting that tooltip? I'll provide a sample page that can show more details.
Thanks,
jpatton
I think one of the samples exhibits the same behavior. I've attached a snippet with a screenshot that shows what I'm referring to.
Please let me know if you need any additional assistance regarding this.
Hi jpatton,Thanks for pointing me to this example. I see what you are referring too here. What I can share is that the tooltip doesn’t currently have the functionality built in to prevent this. For this to work you need logic (or a libarary) to contain the toolitp to the containing browser window. For the igDataChart this will be a new product idea.
Infragistics invites you to submit this as a new product idea. To suggest a new product idea you can do so by navigating to http://ideas.infragistics.com The steps are easy to do:
1. Create a new UserVoice account and log in to the Infragistics Product Ideas site at http://ideas.infragistics.com.
2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
3. Review the feature suggestions already posted by the community.
4. Vote for the features you’d like to see added to the product.
5. If the feature you’re looking for has not been posted, you can add your own product idea. Make sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!
With this system, you are in the driver’s seat by submitting your product ideas. You can even track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
Please let me know if you need any additional assistance regarding this matter