This is a migrated thread and some comments may be shown as answers.

RadSplitBar width design quirk

3 Answers 60 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Derek Hunziker
Top achievements
Rank 1
Derek Hunziker asked on 14 Jun 2010, 09:56 PM
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

3 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 15 Jun 2010, 04:01 PM
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.
0
Derek Hunziker
Top achievements
Rank 1
answered on 15 Jun 2010, 06:43 PM
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
0
Dobromir
Telerik team
answered on 17 Jun 2010, 04:15 PM
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
Tags
Splitter
Asked by
Derek Hunziker
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Derek Hunziker
Top achievements
Rank 1
Dobromir
Telerik team
Share this question
or