Declined
Last Updated: 14 Feb 2023 14:57 by ADMIN
Ray
Created on: 13 Feb 2023 11:35
Category: UI for .NET MAUI
Type: Bug Report
0
RadComboBox border issue

 

showing extra border before dropdown arrow in version 5.0.0 and higher. see below image

 

3 comments
ADMIN
Maria
Posted on: 14 Feb 2023 14:57

Hello Ray,

Thank you for the additional information.

This behavior is expected and let me explain why: The RadComboBox control contains RadEntry inside. When you have an implicit Style for the RadEntry and having a BorderBrush and thickness set, this style is applied to all RadEntry controls. Including this in the RadComboBox. So the behavior in 4.0.0 version was wrong. 

Here are the elements and the border applied:

To avoid that behavior I could suggest you use explicit style to the RadEntry(x:Key) or inside the ComboBox Loaded Event set the BorderThickness of the inner RadEntry to 0:

private void combo_Loaded(object sender, EventArgs e)
{
    var combo = sender as RadComboBox;
    var entry = VisualTreeElementExtensions.GetVisualTreeDescendants(combo).First(x => x is RadEntry) as RadEntry;
    entry.BorderThickness = new Thickness(0);
       
}

Here is the result:


I hope I was able to explain the situation. I changed the item status to "Declined" as this is not an issue in the control. 

Regards,

Maria
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Ray
Posted on: 14 Feb 2023 11:17

 

I have default style for RadEntry to have border around control that causing issue for ComboBox in new version. it looking correctly for version version 4.0.0. Trying adding below style for your example that will give border to ComboBox.


So now I am not able to 

ADMIN
Maria
Posted on: 13 Feb 2023 12:23

Hi,

I have tested the behavior of RadComboBox on Visual Studio 2022 official (17.4.4) with .NET 7, on Windows 11 and I cannot reproduce the extra border behavior.

Here is the result:

Could you please share whether the behavior happens only when Visual Studio preview is used? Have you tried the official version? Also for the test, I used the latest Telerik .NET MAUI version 5.0.1.

I am looking forward to your answer.

Regards,
Maria
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.