rounded controls on html divs

[Lucian Duma]

Hello everybody,

I was wondering if it is possible to create a "rounded corners" effect on some html divs using the new cool Telerik Ajax Controls (Q3 2008), or at least using the jquery that is embedded in this suite.

If not, what should I do if I want to use a jquery plugin with the embedded jquery library? Can I register it manually on a page (in case i'm using a telerik control that doesn't register it)?

Thanks,

Lucian

[Alex Gyoshev]

Hello Lucian,

You can use the embedded jQuery from Telerik.Web.UI through $telerik.$, e.g.

$telerik.$("#myLovelyContainer").show("slow");

If you are using a control that does not include it (i.e. if the line above throws an "Object expected" error), you can register the jQuery through the following code:

<telerik:RadScriptManager runat="server" ID="MyLovelyRadScriptManager">
   <Scripts>
       <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
   </Scripts>
</telerik:RadScriptManager>

The Q3 release of the controls includes version 1.2.6 of the library; the upcoming Q1.2009 release will probably include jQuery 1.3.

Unfortunately, we do not have a "rounded corners" plug-in - all the rounded corners have been hand-crafted by the front-end engineers.

If you want to register a plug-in with the embedded jQuery, you can do so by declaring the jQuery variable on your page through the following code:

var $ = $telerik.$;
var jQuery = $;
// plugin include below this point

Let me know if you need additional information.

Greetings,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Lucian Duma]

Thanks, the provided information has been of great help.