Side Dialog

Radzen Studio Blazor WebAssembly
1

Hi,
I would like to use Side Dialog as below. There are two things

  • Is it possible to include radzentext box eg see the code below?
  • OpenSideAsync<action> is not recognised

Have you any suggestions to use Side Dialog or Example?

 <RadzenButton Text="Dialog on Side" ButtonStyle="ButtonStyle.Secondary" Click="@(args => OpenSideDialog(projetA.ActionId))" />   



@code{
 ActionItemProjet action = new ActionItemProjet();

  bool closeDialogOnOverlayClick;
     async Task OpenSideDialog(int actionId)
      {
      action = await client.GetFromJsonAsync<ActionItemProjet>($"api/actionitemprojet/{actionId}"); 
      
      var resultatTEst =  await DialogService.OpenSideAsync<action>("Side Panel", dp =>
                     @<div> 

                        <div class="row">
                            <div class="col-md-4 align-items-center d-flex">                                  
                                <h3 class="small text-muted">Open Date</h3>
                            </div>
                            <div class="col-md-6">
                                <RadzenDatePicker @bind-Value=@action.OpenDate/>                                                   
                            </div>  
                            <br/>
                            <hr>
                            <div class="col-md-4 align-items-center d-flex">                                  
                                <h3 class="small text-muted">Action Status</h3>
                            </div>
                            <div class="col-md-6">                                        
                             <RadzenDropDown Style="width:100px" TValue="string" 
                                                                     @bind-Value="action.State" Placeholder="Select Status" AllowFiltering="true" 
                                                                     Data="@StateValuesProjet">
                                </RadzenDropDown>                                         
                            </div>
                        </div>
                        <br/>
                        <hr>
                        <br/>
                        <div class="row">
                            <div class="col">
                                <RadzenHtmlEditor @bind-Value=@action.DescriptionA style="height: 500px; weight : 200px; margin-bottom: 1rem;" UploadUrl="upload/image" />
                                <RadzenButton Text="Update" Icon="report" ButtonStyle="ButtonStyle.Light" Click=@CreateActionProjetList />
                                @*<RadzenButton Text="Ok" Click="() => ds.Close(true)" Class="mr-1" Style="width: 80px;" />*@
                                <RadzenButton Text="Cancel" Click="() => ds.Close(false)" ButtonStyle="ButtonStyle.Secondary" Class="mr-1" />   

                            </div>
                        </div>  
    </div>
        ,options: new SideDialogOptions {CloseDialogOnOverlayClick = closeDialogOnOverlayClick, Position = DialogPosition.Bottom,ShowMask=true });

    }


}
2

[Closed]
Sorry to have open this post. It's clear!
I have to create only the ActionProjet.razor page.

bool closeDialogOnOverlayClick;
     async Task OpenSideDialog(int actionId)
      {    
       await DialogService.OpenSideAsync<ActionProjet>("Side Panel", options: new SideDialogOptions {CloseDialogOnOverlayClick = closeDialogOnOverlayClick, Position = DialogPosition.Bottom,ShowMask=true });

      }