Hi,
I am creating controls dynamically target control as well as telerik tooltip control using client side code as below (first creating table and tr and then td, in one of td creating the cotrols as below)
Dim
html As New StringBuilder()
html.Append(
"<table width=""100%"" border=""0"" cellpadding=""0"" cellspacing=""0"" bgcolor=""#978F80"">")
html.Append(
"<tr bgcolor=""lightblue"" style=""font:bold 11px Arial, Helvetica, sans-serif; color:#000000; text-align:center"">")
html.Append(
"<td width=""15%"" style=""border-bottom:3px solid #ffffff;"" >")
html.Append("<asp:Label ID=""" & lblName & intLblCounter.ToString.Trim & """ Text=""test"" Width=""100%"" runat=""server"" ToolTip="" Out Time : " & getTimeAsString(dtBreaks.Rows(i - temp)(1).ToString) & " <br/> In Time :" & getTimeAsString(dtBreaks.Rows(i - temp)(0).ToString) & " <br/> Break Time :" & "00:01:00" & """ ></asp:Label>")
html.Append("<telerik:RadToolTip ID=""" & tooltiplbl & intLblCounter.ToString.Trim & """ Text="" Out Time : " & getTimeAsString(dtBreaks.Rows(i - temp)(1).ToString) & " <br/> In Time :" & getTimeAsString(dtBreaks.Rows(i - temp)(0).ToString) & " <br/> Break Time :" & "00:01:00" & """ TargetControlID =""" & lblName & intLblCounter.ToString.Trim & """ runat=""server""/>")
html.Append(
"</td>")
html.Append("</tr>")
html.Append("</table>")
But not getting the tooltip is and when I copy the client side code while debugging and pasting another page, executing the page able to see the tooltip and when I am creating the controls runtime then unable to see the tooltip.
Could you please suggest/help me on this?
Thanks,
Praveen Kumar palla.
(
function
($, window, undefined) {
$(document).ready(
function
() {
$.fn.qtip.styles.typeToolTip = {
width: 210,
background:
'#FFF'
,
color:
'#333'
,
border: {
width: 5,
radius: 0,
color:
'#A7D11C'
}
}
$(
".originalType"
).qtip({
content: {
url:
'help/OriginalTypeToolTip.html'
,
prerender:
'true'
},
style: {
name:
'typeToolTip'
},
position: {
corner: {
target:
'topRight'
,
tooltip:
'topLeft'
}
},
show: { delay: 1000,
effect: {
type:
'slide'
,
length: 200
}
}
});
});
} (jQuery,
this
));
<
script
type
=
"text/javascript"
>
function OnClientShow(sender, args) {
var pnum = $get('<%# rwDialog.FindControl("radnMvPropNo").ClientID %>');
pnum.focus();
}
</
script
>
<
script
type
=
"text/javascript"
>
function OnClientShow(sender, args) {
var pnum = $get('');
pnum.focus();
}
</
script
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
EnableShadow
=
"True"
Modal
=
"True"
Behavior
=
"Default"
InitialBehavior
=
"None"
>
<
Windows
>
<
telerik:RadWindow
runat
=
"Server"
ID
=
"rwDialog"
Modal
=
"true"
Title
=
"Move Selected Properties"
OnClientShow
=
"OnClientShow"
AutoSize
=
"True"
Behavior
=
"Close, Move"
Behaviors
=
"Close, Move"
VisibleStatusbar
=
"False"
>
<
ContentTemplate
>
<
table
width
=
"220px"
>
<
tr
>
<
td
style
=
"width: 12%"
>
</
td
>
<
td
style
=
"width: 32%"
>
Customer #
</
td
>
<
td
style
=
"width: 1%"
>
</
td
>
<
td
style
=
"width: 1%"
>
</
td
>
<
td
style
=
"width: 7%"
>
</
td
>
<
td
style
=
"width: 32%"
>
Property #
</
td
>
<
td
style
=
"width: 12%"
>
</
td
>
</
tr
>
<
tr
>
<
td
>
</
td
>
<
td
>
<
telerik:RadNumericTextBox
runat
=
"Server"
ID
=
"radnMvCustNo"
Width
=
"50px"
Culture
=
"English (United States)"
Skin
=
"Vista"
MaxLength
=
"4"
MaxValue
=
"9999"
MinValue
=
"1000"
>
<
NumberFormat
DecimalDigits
=
"0"
GroupSeparator
=
""
/>
</
telerik:RadNumericTextBox
>
</
td
>
<
td
>
</
td
>
<
td
style
=
"text-align: center"
>
-
</
td
>
<
td
>
</
td
>
<
td
>
<
telerik:RadNumericTextBox
runat
=
"Server"
ID
=
"radnMvPropNo"
Width
=
"50px"
Skin
=
"Vista"
Culture
=
"English (United States)"
MaxValue
=
"9999"
MinValue
=
"1000"
MaxLength
=
"4"
>
<
NumberFormat
DecimalDigits
=
"0"
GroupSeparator
=
""
/>
</
telerik:RadNumericTextBox
>
</
td
>
<
td
>
</
td
>
</
tr
>
<
tr
>
<
td
>
</
td
>
<
td
colspan
=
"5"
style
=
"text-align: center"
>
<
br
/>
<
asp:Button
runat
=
"Server"
ID
=
"btnMoveOK"
Text
=
"Move"
/>
<
asp:Button
runat
=
"Server"
ID
=
"btnMoveCancel"
Text
=
"Cancel"
/>
</
td
>
<
td
>
</
td
>
</
tr
>
</
table
>
</
ContentTemplate
>
</
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>