Problem with splitter

2 posts, 0 answers
  1. Kati
    Kati avatar
    46 posts
    Member since:
    Oct 2012

    Posted 18 Jan 2010 Link to this post

    i am using the splitter control to create 3 panes. So I have 2 draggable lines, like the ones on this page:

    I am using mine to create a % picking tool. The user can select 2 percentages, a low one, (let's say 10%, and a high one , like 90%) by moving the 2 bars. I noticed that the left bar cannot be moved completely to the left, and the right one cannot be moved completely to the right. This is a big problem as my users can only go to 4%, not below that, or 96% and not above that.
    I also tried using your Slider tool, but i need the 3 areas to be red, yellow and green.
    Any idea how I can solve this issue?



  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 21 Jan 2010 Link to this post

    Hello Kati,
    The reason why you cannot make a pane smaller than certain number of pixels, is the default value of the MinWidth property (20). That property sets the minimum number of pixels that the pane accepts as correct for its Width property. Even though you can change this setting by specifying a smaller value for this property, in this case, I would recommend using the slider control instead of the splitter.

    As you mention that you decided to use the splitter because you need to use different colors for the three sections, I creates a simple page that demonstrates how you can do this with the slider control.

    All the best,
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft R3 2016 release webinar banner
Back to Top