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

RadDropDownButtonElement

3 Answers 155 Views

RibbonBar

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

Curtis asked on 17 Oct 2018, 09:12 PM

butnormal.png

butmouseover.png

butmousedown.png

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

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