Editing multiselect field.

[Andrei Shynkarenka]

Hello,

I have an issue when I display a multiselect field on a edit dialog window. 

The issue is that when I open edit dialog window I can't see the selected values in the multiselect field (please see Screenshot1 in the attached archive or follow this link ).

But when I change  value - it displays correctly (please see  screenshot2 in the attached archive or follow this link) . Also the value displays correctly after resizing the dialog window (e. g. by pressing F12 in Chrome browser).

Please advise how can I display a multiselect field correctly right after edit dialog window opens. 

The code example is attached (test.razor in the attached archive)

Thanks,

Andrei.

Attachment: SyncFusionBlazorForum_379a5f2a.zip

[Renjith Singh Rajendran]

Hi Andrei, 

Thanks for contacting Syncfusion support. 

We suggest you to set the Width property for the SfMultiSelect component to overcome the problem you are facing.  

 

Please add the below highlighted property in your application. 

 

            <EditTemplate> 

                <SfMultiSelect TValue="int[]" 

                               Mode="VisualMode.CheckBox" 

                               DataSource="@Roles" Width="250px" 

                               Placeholder="Select Role" 

                               ID="@(nameof(Employee.Roles))" 

                               Value="@((context as Employee)?.Roles?.Select(role => role.Id).ToArray())"> 

                    <MultiSelectFieldSettings Value="Id" 

                                              Text="Name"> 

                    </MultiSelectFieldSettings> 

                </SfMultiSelect> 

            </EditTemplate> 

This is a default behavior of MultiSelect component, when loading the component with multiple selected value with minimum width. The component shows how many selected values like 3 selected. If you want to overcome this behavior, then we suggest you to set the component width as like above code.   

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran 

[Andrei Shynkarenka]

Thanks.

That solved the issue.

Best regards,

Andrei.

[Renjith Singh Rajendran]

Hi Andrei, 

Thanks for your update. 

We have glad to hear that the provided suggestion helped you in achieving your requirement. 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran