4 Answers, 1 is accepted
0

Shinu
Top achievements
Rank 2
answered on 16 Mar 2011, 11:05 AM
Hello Vincent,
You could try overriding the default CSS rule like below.
CSS:
Thanks,
Shinu.
You could try overriding the default CSS rule like below.
CSS:
<style type=
"text/css"
>
.rtVisibleCallout
{
text-align
:
center
!important
;
}
</style>
Thanks,
Shinu.
0
Hi vincent,
Best wishes,
Svetlina
the Telerik team
I suggest to use the rtWrapperContent selector, e.g as shown below:
<style type=
"text/css"
>
.rtWrapperContent
{
padding
:
10px
!important
;
}
</style>
Svetlina
the Telerik team
0

HL
Top achievements
Rank 1
answered on 14 Apr 2011, 04:11 AM
Hi Svetlina :
thanks. your solution works for my app. Can you please show me how to set up Tooltip font as well as back color? I tried to put inside the rtWrapperContent but it won't work
Also how I can set up tooltip title? I tried to do this but failed
tooltip1.set_title("it is title"
or tooltip.title ="it is title"
Thanks
Helena
thanks. your solution works for my app. Can you please show me how to set up Tooltip font as well as back color? I tried to put inside the rtWrapperContent but it won't work
Also how I can set up tooltip title? I tried to do this but failed
tooltip1.set_title("it is title"
or tooltip.title ="it is title"
Thanks
Helena
0
Hello HL,
Kind regards,
Svetlina
the Telerik team
This CSS selector works fine on my side - would you please add the keyword !important to provide a higher priority and test again? As to the title, you should use the set_title method. Here is sample code I prepared for you which works as you require:
<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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
>Untitled Page</
title
>
<
style
type
=
"text/css"
>
.rtWrapperContent
{
padding: 10px !important;
background-color: Yellow !important;
color: Red !important;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"mng"
runat
=
"server"
>
</
asp:ScriptManager
>
<
script
type
=
"text/javascript"
>
function OnClientShow(tooltip1, args) {
tooltip1.set_title("it is title");
}
</
script
>
<
telerik:RadToolTip
ID
=
"tooltip1"
runat
=
"server"
Width
=
"200"
Height
=
"200"
HideEvent
=
"ManualClose"
RelativeTo
=
"BrowserWindow"
Position
=
"Center"
VisibleOnPageLoad
=
"true"
OnClientShow
=
"OnClientShow"
>
TEST CONTENT GOES HERE
</
telerik:RadToolTip
>
</
form
>
</
body
>
</
html
>
Svetlina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.