DropdownList and different font size in high DPI screen

4 posts, 0 answers
  1. Vannick
    Vannick avatar
    7 posts
    Member since:
    Nov 2017

    Posted 26 Dec 2017 Link to this post

    Hi all,

    I have some issues with the control RadDropDownList and particularly with the font size. It seems that the issues appears only with high DPI screen.

    I am creating programmatically a RadDropDownList as follow. The drop down list is displayed inside a tablelayoutpanel

     

    var radDropDownListCategory = new Telerik.WinControls.UI.RadDropDownList();
    radDropDownListCategory.Dock = System.Windows.Forms.DockStyle.Fill;
    radDropDownListCategory.Name = $"radDropDownListCategory_{Guid.NewGuid().ToString()}";
    radDropDownListCategory.AutoSize = false;
    radDropDownListCategory.DropDownAnimationEnabled = false;
    radDropDownListCategory.MaximumSize = new System.Drawing.Size(0, 50);
    radDropDownListCategory.RootElement.MaxSize = new System.Drawing.Size(0, 50);
    radDropDownListCategory.DropDownListElement.ListElement.Font = new System.Drawing.Font("Segoe UI", 9F);
    radDropDownListCategory.Font = new System.Drawing.Font("Segoe UI", 9F);
    radDropDownListCategory.ListElement.Font = new System.Drawing.Font("Segoe UI", 9F);
    radDropDownListCategory.RootElement.Font = new System.Drawing.Font("Segoe UI", 9F);
    radDropDownListCategory.AutoSizeItems = true;

     

    It seems that with high DPI screen i have the following behavior:

    - the dropdown list font size is ok and match my settings (9)

    - when i select an element from the dropdown list, the select element is displayed in the textbox but with a font size is much bigger

    Do you have any idea how to solve this issue? This issue does not appear with lower dpi screen apparently

     

     

  2. Dimitar
    Admin
    Dimitar avatar
    2019 posts

    Posted 26 Dec 2017 Link to this post

    Hello Vannick,

    Could you please specify which version of the suite you are currently using? Which is the target framework of the application as well?

    First, you can leave the AutoSize and the MaxSize properties intact. The drop-down list is docked in a table layout panel which means that its width will depend on the cell and its height will depend on the font. 

    Please note that we are hosting a standard TextBox inside the DropDownList and even if our built-in DPI scaling is disabled the text box will be scaled. In this case, you can set a smaller font. I have attached my test project that shows this. 

    Here are some articles about this as well:
    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Vannick
    Vannick avatar
    7 posts
    Member since:
    Nov 2017

    Posted 28 Dec 2017 Link to this post

    Thanks for your response.

    FYI, I am using Telerik 2017.3.1017.40 with .NET Framework 4.5.2

    I have tried your different remarks and your project also and have found something.

    Depending of the control used, the font-size is not displayed the same (RadTextBox vs RadTextBoxControl). Even if I am using the same font size (8.5), the font are rendered differently. The font appears normal in RadTextBox and very small with RadTextBoxControl (RadDropDownList actually have similar behaviour). 
    Why such behaviour ?

     

    Thanks a lot

     

     

     

     

  4. Dess
    Admin
    Dess avatar
    2292 posts

    Posted 29 Dec 2017 Link to this post

    Hello, Vannick, 

    Thank you for writing back. 

    I have tested the sample project that my colleague, Dimitar, provided on a device with 150% DPI scaling. RadTextBox and RadTextBoxControl were added to the TableLayoutPanel. Note that the MS Form scales its controls automatically. Since RadTextBox hosts the standard MS TextBox, it is automatically enlarged but RadTextBoxControl is not adjusted according to the DPI scaling. I would recommend you to use a RadForm. Thus, both controls, RadTextBox and RadTextBoxControl will have identical look.

    I hope this information helps. If you have any additional questions, please let me know. 

     Regards,
    Dess
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top