• Recently there was a feature request for out-of-the-box support for a ToolTip while dragging any of RadSlider's thumbs. Since we don't provide one yet we decided to check whether it is possible to accomplish this scenario with the current implementation of RadSlider. It turned out that it was actually quite trivial. Few attached properties, a little bit of knowledge about tooltips in Silverlight and voila!

    Below is the class that does all the magic. It is pretty self explanatory.

    public class SliderToolTipExtensions : DependencyObject
    {
        private static string SingleThumbName = "SingleThumbHost";
        private static string RangeStartThumb = "RangeStartThumb";
        private static string RangeEndThumb = "RangeEndThumb";
     
        private static string ValuePropertyPath = "Value";
        private static string SelectionStartPropertyPath =...
  • As you may already know, we are working hard to improve the RadSlider in a broad way. We've fixed a lot of issues, but also added a lot of new cool features. Now it's so easy to customize and bind (in MVVM-ish way), that I've created this Windows 7 "Mixer" like example in less than an hour. I didn't change the Slider's ControlTemplate and don't have a single line of code behind.

    (Please note that the new slider will be available with the beta of Q2.2011).

    Download and play with the new bits.

    Get Microsoft Silverlight

    Just play with the Sliders - note that the most left one is...
  • ASP.NET Extender Controls are cool. They allow you to add rich client capabilities to other server controls. The ASP.NET AJAX Control Toolkit is a wonderful example of unleashing the power of extenders to give regular ASP.NET server controls rich client capabilities. We tried this approach to further enrich RadGrid's otherwise quite solid set of client functionalities. The result is even richer.

    The sample project attached contains 2 custom extender controls that can be used with RadGrid. The two are similar in purpose, but different in usage.

    GridSliderToolTipExtender

    The GridSliderToolTipExtender is used with RadGrid's Slider pager. It provides you with a handy tooltip that is dynamicaly loaded over the RadSlider when you slide...

  • In this tutorial I will show you how to edit the ControlTemplate of one of our controls – the slider. Before you begin you need to cover the prerequisites bellow. You have to download the Telerik Controls for Silverlight as well as the project that contains all the controls and their ControlTemplates.

    Telerik Controls for Silverlight

    Project with all the ControlTemplates – this project is created in such way that allows you easily to edit the control templates. This means that all the control templates are copied in the resources of each Silverlight page.

    If you are missing any of...

  • This tutorial demonstrates how to create a color picker using nothing more than few elements and Telerik's slider control for Silverlight.
    To start off, create a new Silverlight project. It is up to you to decide whether you want a web page in the project or not. This particular example does not to include a web page, but a simple html page that is generated dynamically. Once you have the project created go ahead and add a reference to the Telerik.Windows.Controls.dll. At the top of your main UserControl, add a namespace in order to use the dll. Check if everything...

  • RadSlider for Silverlight has a neat functionality that allows you to display tick marks along the track.

    Slider control with default tick template

    But what if you are not pleased with the current design of the ticks? Of course you can completely change the look of a tick mark. Let’s say that instead of bluish rectangles, you want your ticks to be ellipses, or triangles maybe. This is easily achieved by setting the TickTemplate property.

    <telerik:RadSlider TickPlacement="BottomRight" TickFrequency="1" Maximum="10">

          <telerik:RadSlider.TickTemplate>

                <DataTemplate>

                      <Grid>

                           ...