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

Add Vertical Separator "ON" RadToolBarSplitButton

2 Answers 17 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
jlj30
Top achievements
Rank 2
jlj30 asked on 21 Mar 2014, 03:33 PM
Hi,

Some of our users are finding it difficult to grasp the difference between a RadToolBarSplitButton  and a RadToolBarDropDown.
It seems that the subtle difference in the vertical offset of the dropdown arrow is not sufficient.

So, we'd like to add a thin vertical bar (like a separator) between the image and the dropdown arrow on the split button.
One solution that comes to mind is to add this bar to the image itself, but the image changes so we'd need to modify all of the images.

Is there some other technique that we could employ to accomplish this?

Thanks in advance for any advice.

Jim

2 Answers, 1 is accepted

Sort by
0
Accepted
Kate
Telerik team
answered on 25 Mar 2014, 01:31 PM
Hi Jim,

You could use the following css class selector and set a verticla border to the arrow image:
div.RadToolBar_Silk .rtbExpandDown .rtbIn .rtbChoiceArrow {
     border-left: 1px solid #FF0000;
}

Please note that this is valid for the Silk skin and you will need to alter the name of the selector should you happen to use any other skin of the RadToolBar control.

Regards,
Kate
Telerik
 

Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

 
0
jlj30
Top achievements
Rank 2
answered on 25 Mar 2014, 07:35 PM
Hi Kate,

I used a slightly modified version of what you provided.
I think it will do the job.

Thanks a lot

Jim
Tags
ToolBar
Asked by
jlj30
Top achievements
Rank 2
Answers by
Kate
Telerik team
jlj30
Top achievements
Rank 2
Share this question
or