telerik form item getting reorder or change in order when appying conditions of controls

Try to use css to hide/show. As if we are applying if() condition item will not be constructed in the case of first time or page initialization. And again if condition get true on dropdown change event, control will be constructed in the end of form items.

We can resolve it by adding css logic something like:

In blazor page =>

<FormItem  Class="@(HasCinema?"":"hidden-item")"  Field="@nameof(Model.Cinema)">
    <Template>
        <AnotherComponent For="@(() => Model.Cinema)" />

        <TelerikTextBox Id="state" Size="sm" Placeholder=""
        @bind-Value="@Model.Cinema"> </TelerikTextBox>
    </Template>
</FormItem>

add css =>

.hidden-item {
    display: none !important;
}

Thanks, works for me.