Hi Telerik Team,
i have a problem in radtooltip...
i have a radgrid inside a radtooltip, the radgrid hase the pagestyle mode as slider.
when the tooltip is displayed the slider images is not displayed,
but if u do a postback by clicking in the sort column in the radgrid the second time the slider works fine.
ex:-
<form id="form1" runat="server">
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="Server">
<script language="javascript" type="text/javascript">
function ShowImageTooltip(obj)
{
var tooltip = $find("<%=RTTImageView.ClientID %>");
if(obj.id != tooltip.get_targetControlID)tooltip.set_targetControl(obj)
window.setTimeout(function(){ var tooltip = $find("<%=RTTImageView.ClientID %>"); tooltip.show(); }, 10);
}
</script>
</telerik:RadScriptBlock>
<telerik:RadScriptManager id="ScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="30" style="background:url('../Images/LoadingTitle.gif') center center no-repeat #f3f3e2;"></telerik:RadAjaxLoadingPanel>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" EnableRoundedCorners="true" DecoratedControls="Buttons,CheckBoxes,Label,RadioButtons,Scrollbars,Textarea,Textbox" />
<telerik:RadDockLayout ID="radLocationDocLayout" runat="server" Skin="Forest" EnableEmbeddedSkins="true" >
<telerik:RadDockZone ID="radLocationDocZone" Height="400" runat="server" EnableEmbeddedSkins="true" Skin="Forest" Width="400">
<telerik:RadDock ID="radLocationDoc" runat="server" EnableEmbeddedSkins="true" EnableTheming="true"
Skin="Forest" Width="400" Height="400">
<ContentTemplate>
<div id="div1" runat="server" onmouseover="ShowImageTooltip(this)">
<telerik:RadGrid ID="radGridTest" EnableTheming="True" Skin="Forest" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="False" AllowSorting="True"
AllowMultiRowSelection="true" AllowMultiRowEdit="true" EnableAJAX="true" Width="800"
runat="server" AllowPaging="True" AutoGenerateColumns="True" ShowStatusBar="true" ClientSettings-AllowColumnsReorder="true" >
<PagerStyle HorizontalAlign="Left" Mode="Slider" alwaysvisible="True" EnableSEOPaging="True"></PagerStyle>
<MasterTableView Width="800" NoDetailRecordsText="No records to display" NoMasterRecordsText="No records to display" EnableAJAX="true">
<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle"></HeaderStyle>
<ItemStyle HorizontalAlign="Left"></ItemStyle><AlternatingItemStyle HorizontalAlign="Left"></AlternatingItemStyle>
</MasterTableView>
<HeaderStyle CssClass="RadGridHeader" ></HeaderStyle>
<ClientSettings Resizing-AllowColumnResize="true" >
<%--<ClientEvents OnColumnMouseOver="ShowImageTooltip(this)" />--%><Selecting AllowRowSelect="True" ></Selecting>
</ClientSettings>
<FilterMenu EnableTheming="True" Skin="WebBlue" enableembeddedbasestylesheet="False">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
<SortingSettings SortToolTip="Click here to sort"></SortingSettings>
</telerik:RadGrid>
</div>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</telerik:RadDockLayout>
<telerik:RadToolTip RenderInPageRoot="true" runat="server" ID="RTTImageView" Skin="Forest" RelativeTo="Element" EnableEmbeddedSkins="true" Position="Center" HideEvent="ManualClose" ShowEvent="FromCode" >
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" LoadingPanelID="RadAjaxLoadingPanel1" Width="100%">
<div style="padding:15px;" runat="server" id="div">
<telerik:RadGrid ID="radGridTooltip" EnableTheming="True" Skin="Forest" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="False" AllowSorting="True"
AllowMultiRowSelection="true" AllowMultiRowEdit="true" EnableAJAX="true" Width="1000"
runat="server" AllowPaging="True" AutoGenerateColumns="True" ShowStatusBar="true" ClientSettings-AllowColumnsReorder="true" >
<PagerStyle HorizontalAlign="Left" Mode="slider" alwaysvisible="True" EnableSEOPaging="True"></PagerStyle>
<MasterTableView Width="1000" NoDetailRecordsText="No records to display" NoMasterRecordsText="No records to display" EnableAJAX="true">
<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle"></HeaderStyle>
<ItemStyle HorizontalAlign="Left"></ItemStyle><AlternatingItemStyle HorizontalAlign="Left"></AlternatingItemStyle>
</MasterTableView>
<HeaderStyle CssClass="RadGridHeader" ></HeaderStyle>
<ClientSettings Resizing-AllowColumnResize="true">
<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="400" />
<Selecting AllowRowSelect="True" ></Selecting></ClientSettings>
<FilterMenu EnableTheming="True" Skin="WebBlue" enableembeddedbasestylesheet="False">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
<SortingSettings SortToolTip="Click here to sort"></SortingSettings>
</telerik:RadGrid>
</div>
</telerik:RadAjaxPanel>
</telerik:RadToolTip>
</form>
i have a problem in radtooltip...
i have a radgrid inside a radtooltip, the radgrid hase the pagestyle mode as slider.
when the tooltip is displayed the slider images is not displayed,
but if u do a postback by clicking in the sort column in the radgrid the second time the slider works fine.
ex:-
<form id="form1" runat="server">
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="Server">
<script language="javascript" type="text/javascript">
function ShowImageTooltip(obj)
{
var tooltip = $find("<%=RTTImageView.ClientID %>");
if(obj.id != tooltip.get_targetControlID)tooltip.set_targetControl(obj)
window.setTimeout(function(){ var tooltip = $find("<%=RTTImageView.ClientID %>"); tooltip.show(); }, 10);
}
</script>
</telerik:RadScriptBlock>
<telerik:RadScriptManager id="ScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="30" style="background:url('../Images/LoadingTitle.gif') center center no-repeat #f3f3e2;"></telerik:RadAjaxLoadingPanel>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" EnableRoundedCorners="true" DecoratedControls="Buttons,CheckBoxes,Label,RadioButtons,Scrollbars,Textarea,Textbox" />
<telerik:RadDockLayout ID="radLocationDocLayout" runat="server" Skin="Forest" EnableEmbeddedSkins="true" >
<telerik:RadDockZone ID="radLocationDocZone" Height="400" runat="server" EnableEmbeddedSkins="true" Skin="Forest" Width="400">
<telerik:RadDock ID="radLocationDoc" runat="server" EnableEmbeddedSkins="true" EnableTheming="true"
Skin="Forest" Width="400" Height="400">
<ContentTemplate>
<div id="div1" runat="server" onmouseover="ShowImageTooltip(this)">
<telerik:RadGrid ID="radGridTest" EnableTheming="True" Skin="Forest" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="False" AllowSorting="True"
AllowMultiRowSelection="true" AllowMultiRowEdit="true" EnableAJAX="true" Width="800"
runat="server" AllowPaging="True" AutoGenerateColumns="True" ShowStatusBar="true" ClientSettings-AllowColumnsReorder="true" >
<PagerStyle HorizontalAlign="Left" Mode="Slider" alwaysvisible="True" EnableSEOPaging="True"></PagerStyle>
<MasterTableView Width="800" NoDetailRecordsText="No records to display" NoMasterRecordsText="No records to display" EnableAJAX="true">
<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle"></HeaderStyle>
<ItemStyle HorizontalAlign="Left"></ItemStyle><AlternatingItemStyle HorizontalAlign="Left"></AlternatingItemStyle>
</MasterTableView>
<HeaderStyle CssClass="RadGridHeader" ></HeaderStyle>
<ClientSettings Resizing-AllowColumnResize="true" >
<%--<ClientEvents OnColumnMouseOver="ShowImageTooltip(this)" />--%><Selecting AllowRowSelect="True" ></Selecting>
</ClientSettings>
<FilterMenu EnableTheming="True" Skin="WebBlue" enableembeddedbasestylesheet="False">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
<SortingSettings SortToolTip="Click here to sort"></SortingSettings>
</telerik:RadGrid>
</div>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</telerik:RadDockLayout>
<telerik:RadToolTip RenderInPageRoot="true" runat="server" ID="RTTImageView" Skin="Forest" RelativeTo="Element" EnableEmbeddedSkins="true" Position="Center" HideEvent="ManualClose" ShowEvent="FromCode" >
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" LoadingPanelID="RadAjaxLoadingPanel1" Width="100%">
<div style="padding:15px;" runat="server" id="div">
<telerik:RadGrid ID="radGridTooltip" EnableTheming="True" Skin="Forest" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="False" AllowSorting="True"
AllowMultiRowSelection="true" AllowMultiRowEdit="true" EnableAJAX="true" Width="1000"
runat="server" AllowPaging="True" AutoGenerateColumns="True" ShowStatusBar="true" ClientSettings-AllowColumnsReorder="true" >
<PagerStyle HorizontalAlign="Left" Mode="slider" alwaysvisible="True" EnableSEOPaging="True"></PagerStyle>
<MasterTableView Width="1000" NoDetailRecordsText="No records to display" NoMasterRecordsText="No records to display" EnableAJAX="true">
<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle"></HeaderStyle>
<ItemStyle HorizontalAlign="Left"></ItemStyle><AlternatingItemStyle HorizontalAlign="Left"></AlternatingItemStyle>
</MasterTableView>
<HeaderStyle CssClass="RadGridHeader" ></HeaderStyle>
<ClientSettings Resizing-AllowColumnResize="true">
<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="400" />
<Selecting AllowRowSelect="True" ></Selecting></ClientSettings>
<FilterMenu EnableTheming="True" Skin="WebBlue" enableembeddedbasestylesheet="False">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
<SortingSettings SortToolTip="Click here to sort"></SortingSettings>
</telerik:RadGrid>
</div>
</telerik:RadAjaxPanel>
</telerik:RadToolTip>
</form>