Hi,
I'm using version 2015.01.401. My radtooltipmanager declaration is below:
<telerik:RadToolTipManager ID="ProjectSettingsTTMan" runat="server" AutoTooltipify="false" EnableEmbeddedBaseStylesheet="false" EnableAjaxSkinRendering="false"EnableViewState="false" Position="TopRight" Width="380px" Height="110px" ContentScrolling="Both" RelativeTo="BrowserWindow" HideEvent="ManualClose" ManualClose="true" ShowCallout="false" >
<TargetControls>
<telerik:ToolTipTargetControl TargetControlID="LocationColorLegendImage" IsClientID="false" />
</TargetControls>
</telerik:RadToolTipManager>
My Goal: Limit the height of the tooltip and show a vertical scrollbar if the content won't all display in that height. Isn't that what the Height and ContentScrolling settings should do?
My Problem: I've tried a dozen or more things to limit the height of the Tooltip, but nothing works. The Tooltip Height is always being overridden by the webresource.axd and is adjusted to 100%. Specifically, it is the td with the class of .rtWrapperContent that is showing height of 100% when I view the source HTML.
I've tried without all of the "Enable..." properties; various settings for ContentScrolling like Y and Auto; AutoTooltipify="true"; I also have the following style in my page: div.RadToolTip table.rtWrapper td.rtWrapperContent {height: 100px !important;}
and before that had: .RadToolTip .rtWrapper .rtWrapperContent {height: 100px !important;}
I dynamically build the content for this tooltip in server side code. It is a table with a varying number of rows, depending on other data in the page. That all works great, but I need to limit the height of this tooltip because the table I add to it could contain alot of rows and cover parts of the page up.
What am I doing wrong?
Thanks,
Brent