How to change button position inside Blazor ListView

[Syncfusion Support]

Answer:

We achieve this by rendering the button icon before the dropdown list. Please, refer to the below code snippet.

<div>  

                                <span class="e-list-item-header" style="margin-left:18px">  

                                    <SfNumericTextBox Width="200px" TValue="int?" Value=5 Max=100 Min=1 Step=5></SfNumericTextBox>  

                                    <SfNumericTextBox Width="200px" TValue="int?" Value=5 Max=100 Min=1 Step=5></SfNumericTextBox>  

                                    <SfNumericTextBox Width="200px" TValue="int?" Value=5 Max=100 Min=1 Step=5></SfNumericTextBox>  

                                </span>  

                            </div>  

                            <div>  

                                <span class="e-icons delete-icon"></span>  

                                <span class="e-list-content" style="display:inline-block">  

                                    <SfDropDownList TValue="string" Placeholder="e.g. Australia" TItem="Countries" @bind-Value="@DropVal" DataSource="@Country">  

                                        <DropDownListFieldSettings Value="Name"></DropDownListFieldSettings>  

                                    </SfDropDownList>  

                                </span>  

                            </div>  

<style>  

    .delete-icon {  

        position:relative;  

        top:-15px;  

    }  

</style>

Find the sample to change button position inside Blazor ListView from here.