Ticket T969120
Visible to All Users

Blazor - DropDown cutted out. How to align on the left?

created 4 years ago

Hello,
I noticed, that dropdown editors in XAF-Blazor are aligned to the right side and so part of the starting text is cutted out in some situations. Please check out the image.
What is the best way to align the box to the left or reduce width?

Thanks
Reinhold

BlazorDropDown.PNG

Comments (1)
DevExpress Support Team 4 years ago

    Hi Reinhold,

    I see this behavior on my side. Please give us some time to research if it's possible to avoid it.

    Answers approved by DevExpress Support

    created 4 years ago (modified 4 years ago)

    Hello Reinhold,

    You can change this behavior using the DxComboBox<TData, TValue>.DropDownWidthMode property. Refer to the following help article to see how to apply customization: How to: Customize a Built-in Property Editor (Blazor). For example, the code may be the following:

    C#
    using System; using DevExpress.Blazor; using DevExpress.ExpressApp; using DevExpress.ExpressApp.Blazor.Editors; using DevExpress.ExpressApp.Blazor.Editors.Adapters; // ... namespace SolutionName.Module.Blazor.Controllers { public class CustomizeLookupPropertyEditorController : ViewController<DetailView> { protected override void OnActivated() { base.OnActivated(); View.CustomizeViewItemControl<LookupPropertyEditor>(this, propertyEditor => { if(propertyEditor.Control is DxComboBoxAdapter<YourClass, YourClass> adapter) { adapter.ComponentModel.DropDownWidthMode = DropDownWidthMode.EditorWidth; } }); } } }

    I hope you find this information helpful.

    P.S.
    Can we make this ticket public?

    Thanks,
    Ilya P

      Comments (1)
      RE RE
      Reinhold Erlacher 4 years ago

        Thanks for your great help!
        Of course you can make it public to help other users.

        Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

        Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.