| <telerik:RadScriptManager runat="server" ID="RadScriptManager1"> |
| </telerik:RadScriptManager> |
| <telerik:RadComboBox runat="server" ID="RadComboBox1" Width="300px" Skin="Telerik"> |
| <Items> |
| <telerik:RadComboBoxItem Text="ASP.NET AJAX UI Controls" /> |
| <telerik:RadComboBoxItem Text="WinForms UI Controls" /> |
| <telerik:RadComboBoxItem Text="WPF UI Controls" /> |
| <telerik:RadComboBoxItem Text="Silverlight UI Controls" /> |
| <telerik:RadComboBoxItem Text="Telerik Reporting" /> |
| <telerik:RadComboBoxItem Text="Telerik OpenAccess ORM" /> |
| <telerik:RadComboBoxItem Text="Telerik Sitefinity CMS" /> |
| </Items> |
| </telerik:RadComboBox> |
| <script type="text/javascript"> |
| (function($) { |
| $(document).ready(function() { |
| $('.rcbItem') |
| .mouseover(function() { |
| $(this).stop().animate({ paddingLeft: "30px" }, { duration: 300 }); |
| }) |
| .mouseout(function() { |
| $(this).stop().animate({ paddingLeft: "4px" }, { duration: 300 }); |
| }); |
| }); |
| })($telerik.$); |
| </script> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| <script type="text/javascript"> |
| (function($) { |
| $(document).ready(function() { |
| $('.rcbItem') |
| .mouseover(function() { |
| $(this).stop().animate({ paddingLeft: "30px" }, { duration: 300 }); |
| }) |
| .mouseout(function() { |
| $(this).stop().animate({ paddingLeft: "4px" }, { duration: 300 }); |
| }); |
| }); |
| })($telerik.$); |
| </script> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <div> |
| <telerik:RadComboBox runat="server" ID="RadComboBox1" Width="300px" Skin="Telerik"> |
| <Items> |
| <telerik:RadComboBoxItem Text="ASP.NET AJAX UI Controls" /> |
| <telerik:RadComboBoxItem Text="WinForms UI Controls" /> |
| <telerik:RadComboBoxItem Text="WPF UI Controls" /> |
| <telerik:RadComboBoxItem Text="Silverlight UI Controls" /> |
| <telerik:RadComboBoxItem Text="Telerik Reporting" /> |
| <telerik:RadComboBoxItem Text="Telerik OpenAccess ORM" /> |
| <telerik:RadComboBoxItem Text="Telerik Sitefinity CMS" /> |
| </Items> |
| </telerik:RadComboBox> |
| </div> |
| </form> |
| </body> |
| </html> |
| <script type="text/javascript" src="file.js"> |
What do I wrong?
I have a custom telerik skin and am creating a tooltip on the client side using the tooltip manager and client side code. I'm not able to get the tooltip working with my custom skin. After I applied the custom skin, the tooltip will still show, but without a skin, it's background is transparent.
I created a server side tooltip control to test my custom skin and it works.
I tried adding the custom skin on the tooltip manager control, this had no effect.
Is there a way to specify a custom skin for a tooltip when creating the tooltip from the client side.
Here is snipets of my code:
All css files for my skin are registered in default.aspx, here is the tooltip css:
<link rel="stylesheet" type="text/css" href="/dnn51/Portals/_default/WebControlSkins/MySkin/ToolTip.MySkin.css" />
My tooltip manager is registered in the code behind:
RadToolTipManager tooltipMgr = new RadToolTipManager();
tooltipMgr.Skin = "MySkin";
tooltipMgr.EnableEmbeddedSkins = false;
tooltipMgr.ID = "DefaultToolTipMgr";
Page.FindControl("ToolTipMgrPlaceHolder").Controls.Add(tooltipMgr);
In javascript, I create the tooltips:
function pageLoad() {
jQuery(".myLabel").each(function() {
var html = jQuery(this).children("div").html();
if (html != null && html != "") {
var tooltip = $find(__DefaultTooltipManagerID).createToolTip(jQuery(this).children("img")[0]);
tooltip.set_title("<span style=\"padding:15px\">" + html + "</span>");
}
});
}
Hi
I want to open a tooltip on click of a hyper link in radGrid,
I declared hyperlink in Template column as follows
<telerik:GridTemplateColumn HeaderText="Request Status">
<ItemTemplate>
<asp:LinkButton ID="lnkHyper" runat="server" Text="Click"
OnClick="lnkHyper_Click"></asp:LinkButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
and my tooltip is as follows:
<telerik:RadToolTip ID="ConfirmToolTip" runat="server" Height="200px" Width="500px" TargetControlID="lnkHyper"
ManualClose="True" Position="Center" ShowCallout="False" Title="Confirmation Required"
Modal="True" Skin="Default1" EnableEmbeddedSkins="false" ShowEvent="OnClick" IsClientID="true">
<div>
<div>
<asp:Literal ID="ltClaim" Text="Do You Want to Confirm" runat="server" />
</div>
<div class="cmb_btnG cmb_ltFlt">
<asp:Button ID="btnOK" Text="OK" runat="server" CssClass="cmb_btnG" OnClick="btnOK_Click" />
</div>
<div class="cmb_sp13 cmb_ltFlt">
</div>
<div class="cmb_btnG ">
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CssClass="cmb_btnG" />
</div>
</div>
</telerik:RadToolTip>
In code behind I am writing following code to open the tooltip but my tooltip never opens, I am also debugged the code, debugger passes through the code but still the tooltip is not opening
protected void lnkHyper_Click(object sender, EventArgs e)
{
LinkButton _lnkhyper = (LinkButton)sender;
TableCell cell = _lnkhyper .Parent as TableCell;
GridDataItem item = cell.Parent as GridDataItem;
bool reqired=true;
if(required)
{
ConfirmToolTip.Show();
return;
}
}
I am unable to figure out the problem can any one help
Thanks