Telerik blogs

Latest

  • Web ASP.NET AJAX

    RadComboBox + jQuery

    Do you think that RadComboBox animations are boring? We can spice them up with a little  help from jQuery. Let's make the dropdown fade for example - This can be done very easily using the fadeIn, fadeTo and fadeOut jQuery methods. You can download a sample project for more details. We can also animate the text of the items. All you need  to do is to animate the padding-left css attribute of the item's DOM element. The following script shows how the text can be moved when you hover over the item: $('.rcbItem') .mouseover(function(){          $(this).stop().animate({paddingLeft:"54px"}, {duration:500}); }) .mouseout(function(){          $(this).animate({paddingLeft:"4px"}, {duration:500}); })
    October 01, 2008
  • Web ASP.NET AJAX

    RadTreeView for ASP.NET Ajax - Binding to LinqDataSource

    Since the Q2 2008 SP1 release RadTreeView, RadMenu, RadPanelBar and RadTabStrip support hierarchical databinding to the LinqDataSource control. In this blog post I will demonstrate how to do this with RadTreeView (the steps are identical for the aforementioned controls). Create a new Web Site in Visual Studio 2008 and copy the Northwind database in your App_Data folder Add a new "Linq to SQL classes" item named "Northwind.dbml"
    October 01, 2008
  • Web ASP.NET MVC ASP.NET AJAX

    How To: Telerik RadGrid for ASP.NET AJAX with ASP.NET MVC

    I've made small example how to use RadGrid for ASP.NET AJAX in Microsoft ASP.NET MVC:   The key here is to inherit from RadGrid and call explicitly desired grid commands. Let's say you want to edit particular record: 1) Create a template column and add this to the ItemTemplate: <%# Html.ActionLink("Edit", "RadGridCommand", new { ControlID = MyGrid1.ID, CommandName = "Edit", CommandArgument = Container.ItemIndexHierarchical }) %>   2) Now handle this in your controller: public ActionResult RadGridCommand(string ControlID, string CommandName, string CommandArgument) {     ViewData["ControlID"] = ControlID;     ViewData["CommandName"]= CommandName;     ViewData["CommandArgument"] = CommandArgument;     return View("Index"); }   3) Override OnPreRender in inherited class and call explicitly the grid...
    September 30, 2008
  • Web ASP.NET AJAX

    CSS >> Emulating border-color: transparent in Internet Explorer 6

    Fortunately, Internet Explorer 7 supports border-color: transparent, but still, there are hardcore IE6 users and it seems that they will never update their browsers. This post is targeted to the developers that care and dare to make their websites crossbrowser. Thanks to a less known Internet Explorer CSS filter, the transparent border in Internet Explorer 6 can be easily achieved. Consider the following lines of CSS code: .testDiv { width: 200px; height: 200px; border: solid 10px transparent; } It works correctly under Internet Explorer 7, FireFox, Opera and Safari, while Internet Explorer displays a solid black border around .testDiv. To put it to work with IE6, we will create another rule, that is visible only in version...
    September 30, 2008
  • Web jQuery

    How To: Animate RadGrid headers using jQuery

    Yesterday I saw this and I really liked the script. The idea is to animate backgroundPosition CSS property for desired HTML element and I have created small example how to do the same for RadGrid column headers: Enjoy! [Download]...
    September 26, 2008