File Input (image) component question/suggestion

kest874 · January 27, 2022, 5:49pm

Hello,

Quick question is it possible to make the image clickable in the file input component:

I would like the ability to click the image an open a dialog for instance that shows the picture in a larger format.

I know that I can do this with the image component and an event, but it makes it awkward for the end-user.

enchev · January 28, 2022, 8:01am

Hi @kest874,

I've added ImageClick event, it will be available with our next update early next week:

kest874 · February 23, 2022, 3:39pm

Still planning to roll this into Radzen?

enchev · February 23, 2022, 3:59pm

github.com

radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenFileInput.razor.cs#L125

    
      
          /// </summary>
          /// <value>The error callback.</value>
          [Parameter]
          public EventCallback<UploadErrorEventArgs> Error { get; set; }
          
          
/// <summary>
          /// Gets or sets the image click callback.
          /// </summary>
          /// <value>The image click callback.</value>
          [Parameter]
          public EventCallback<MouseEventArgs> ImageClick { get; set; }
          
          
bool clicking;
          /// <summary>
          /// Handles the <see cref="E:ImageClick" /> event.
          /// </summary>
          /// <param name="args">The <see cref="MouseEventArgs"/> instance containing the event data.</param>
          public async Task OnImageClick(MouseEventArgs args)
          {
              if (clicking)
              {

kest874 · February 23, 2022, 4:29pm

Not in the IDE though?

enchev · February 23, 2022, 5:24pm

Ah, I see! It will be added in our update tomorrow!

kest874 · February 23, 2022, 5:35pm

Perfecto! Thank you for your awesome support.