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

RadDropDownButtonElement

3 Answers 117 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
Curtis asked on 17 Oct 2018, 09:12 PM

I've been dealing with this UI hiccup for a while now and just cant get my head around how to fix it.

I've got a RadRibbonForm with a RadRibbonBar on it (of course)

The theme is VisualStudio2012LightTheme

There's a RadDropDownButtonElement in one of the groups.

I made the surrounding area darker to bring out the contrast in my images.

 

Here's the problem:

When you look at the enabled button with no action - it looks perfect.  You can see this in image_1

When you mouse over though - you can see a little nibblet of pixels above the arrow-button portion - this is image_2

When you mouse down on the arrow the UI bug becomes very noticeable - this is image 3

 

Any thoughts on how to correct this?

Kindest regards,

Curtis

 

 

 

3 Answers, 1 is accepted

Sort by
0
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 17 Oct 2018, 09:21 PM

*Additional Note*

I did notice that when attempting to edit the UI elements I see this:

DropDownEditorLayoutPanel.ActionButtonElement height = 77

but...

DropDownEditorLayoutPanel.RadArrowButtonElement height = 79

I don't know if this has something to do with the issue but the glaring pixels above the arrow button are 2 pixels high.

 

0
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 17 Oct 2018, 09:33 PM

I just found a usable solution - it's not perfect but i'll have to do:

1) Edit the UI Elements for the button

2) Open DropDownEditorLayoutPanel.RadArrowButtonElement

3) Select FillPrimitive

4) Change 'AutoSize = True' to 'AutoSize = False'

5) Manually change the height of the Bounds from 79 to 77.

 

The arrow button no longer "fills in" with the blue from the mouse-down but i can live with that :)

-Curtis

 

0
Dimitar
Telerik team
answered on 18 Oct 2018, 10:16 AM
Hi Curtis,

I found what is causing this. Could you please try setting the margin instead of setting the AutoSize:
radDropDownButtonElement1.ArrowButton.Margin = new Padding(0);

We use the RadControlSpy which allows examining the properties at run-time for such cases. 

I am looking forward to your reply.

Regards,
Dimitar
Progress Telerik
Get quickly onboard and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
RibbonBar
Asked by
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Curtis
Top achievements
Rank 1
Iron
Iron
Veteran
Dimitar
Telerik team
Share this question
or