On my ASPX page, under the webchart tag I can add a tag for "Tooltips". I can change the font size, color, background color, etc... and that all works fine. There is a parameter for "Padding" and no matter what value I put in there the box around the number is very tight.
I attached an example shot. Here the slice of pie has 20,078 records. The padding on the top and bottom are okay, but is there any way to have more than 1 or 2 pixels between the edge of the box and first and last numbers?
Hello,
I will investigate the issue with the padding option, but meanwhile could you please send me an isolated sample, so I can be sure we are on the same page regarding the issue. I tested my suggestion by setting the CSS in the Webpage where I initialize the controls and it was working as expected. I will be waiting for your sample.
Best Regards, Marina Stoyanova, Software Developer, Infragistics, Inc.
I tried several things, but I still see no change in the actual padding.
I added your CSS line to my own CSS file.I added the CSS line to ig_shared.css.I tried adding !important after the value.I tried changing the #Ultrachart1 part to the name of an actual chart in my project.I tried going into code-behind and setting MyChart.Tooltips.Padding = 20.
None of that actually changed the appearance of the tool tip.
I looked at the page source and found, near the bottom of the page, this section of code that was generated. In it the padding is in fact set to 20, but it does not apply to the tool tip that comes up when I hover over the chart. The tool tip does have the black background and white text.
if (TOOLTIP != null) if (TOOLTIP.style != null) with (TOOLTIP.style) {
Hello Matt,
Thank you for contacting us.
I have investigated your case and I can offer you to set the padding through CSS like this:
#UltraChart1_IGTooltipBody{padding:20px}
Please try my suggestion and let me know how it works for you.