RadDropDownButtonElement

4 posts, 0 answers
  1. Curtis
    Curtis avatar
    63 posts
    Member since:
    Oct 2014

    Posted 17 Oct 2018 Link to this post

    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

     

     

     

  2. Curtis
    Curtis avatar
    63 posts
    Member since:
    Oct 2014

    Posted 17 Oct 2018 in reply to Curtis Link to this post

    *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.

     

  3. Curtis
    Curtis avatar
    63 posts
    Member since:
    Oct 2014

    Posted 17 Oct 2018 in reply to Curtis Link to this post

    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

     

  4. Dimitar
    Admin
    Dimitar avatar
    2823 posts

    Posted 18 Oct 2018 Link to this post

    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.
Back to Top