RadSplitBar width design quirk

[Derek Hunziker]

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 { background: url(splitter-bar.gif) repeat-y !important; }
.RadSplitter_Default .rspResizeBarOver, .RadSplitter_Default .rspSlideContainerResizeOver { background-position: -100px 0 !important; }

Thanks,
-Derek
2010.1.415.35

[Svetlina Anati]

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.

[Derek Hunziker]

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

[Dobromir]

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