RadSplitBar width design quirk

4 posts, 0 answers
  1. Derek Hunziker
    Derek Hunziker avatar
    62 posts
    Member since:
    Sep 2008

    Posted 14 Jun 2010 Link to this post

    I noticed that the SplitterBar's default skin does not support a SplitBarsSize greater than 8px. This is because the graphic used is only 8px wide and the hover CSS positions it -4px to the left. My clients completely missed that the bar was "moveable", so I would like to make it wider without overriding the default styles.

    Below is what I'm using to fix it. It works with a splitter bar size up to 100px and is only 20 bytes larger than the 8px gif, but again, it would be nice not to have to override stuff with !important flags. I already have a very large stylesheet devoted to overriding/fixing default RadControl styles.

    .RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize { backgroundurl(splitter-bar.gif) repeat-y !important; } 
    .RadSplitter_Default .rspResizeBarOver, .RadSplitter_Default .rspSlideContainerResizeOver { background-position: -100px 0 !important; } 

    Thanks,
    -Derek
    2010.1.415.35
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 15 Jun 2010 Link to this post

    Hi Derek,

    I suggest to test the SplitBarsSize property (note that it can be defined only in absolute values). A sample demo is available below:

    http://demos.telerik.com/aspnet-ajax/splitter/examples/initialsize/defaultcs.aspx

    Greetings,
    Svetlina
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Derek Hunziker
    Derek Hunziker avatar
    62 posts
    Member since:
    Sep 2008

    Posted 15 Jun 2010 Link to this post

    Thanks Svetlina, but actually the demo shows the exact issue I was having. Take a look at the third splitter down...

    The splitter bar is blue with a small stripe of gray that slides -4px to the left when you hover over it. It's a common CSS technique, but in this case, it's visible with a splitter bar width greater than 8px.

    Not a big deal, though... :)

    -Derek
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 17 Jun 2010 Link to this post

    Hi Derek,

    You are correct, the SplitBar default skinning does not offer images for wider than its default state. For such scenarios we recommend using custom images.

    All the best,
    Dobromir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top