FileInput Change event code behing generation not working properly

zarroc · March 23, 2022, 4:53pm

Hello,

The code behind generation in the event "Change" of FileInput blazor's component is not workin properlly.

When I set a custom action as an execution of the "Change" event:

And the function selected to invoke, is created previously, the code behind generated the following error (sorry my operative system is in spanish and the error is in spanish to):

  Signature.razor(18, 218): [CS1503] Argumento 2: no se puede convertir de 'grupo de métodos' a 'EventCallback'

The line of the file input *.razor (above) and *.designer.cs(below) file:

It seems to be a bug when the code generation, i am right?

Thank you very much.

enchev · March 24, 2022, 7:29am

Hi @zarroc,

Issue confirmed! Please add TValue attribute to the FileInput component:

We will do our best to include fix for this in our upcoming update later today.

zarroc · March 24, 2022, 9:48am

Hello,

Thank you for your fast answer! With this workaround is working fine!

On the other hand, the controls for image style on this control seems to not be working properly also. Is there a way to full hide the image for this control?

Thank you!
Kind regards,
Dr. Pedro Manso

enchev · March 24, 2022, 1:12pm

Hi @zarroc,

Not sure what is not working properly, here is how ImageStyle is applied:

github.com

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

      
        
                </span>
            </div>
            <div class="rz-fileupload-content rz-corner-bottom">
                @if (!object.Equals(Value, default(TValue)))
                    {
                        <div class="rz-fileupload-files">
                            <div class="rz-fileupload-row">
                                <div>
                                    @if (IsImage)
                                    {
                                        <img style="@ImageStyle" src="@Value" @onclick="@OnImageClick">
                                    }
                                </div>
                                <div>
                                    @if (!string.IsNullOrEmpty(Title))
                                    {
                                        <span>@Title</span>
                                    }
                                    else if (!string.IsNullOrEmpty(name))
                                    {
                                        <span>@name</span>

You can use CSS to set display:none for the entire rz-fileupload-content.

zarroc · March 24, 2022, 3:24pm

enchev:

oad-row">
                                <div>
                                    @if (IsImage)
                                    {
                                        <img style="@ImageStyle" src="@Value" @onclick="@OnImageClick">
                                    }
                                </div>
                                <div>
                                    @if (!string.IsNullOrEmpty(Title))
                                    {

Perfect, thank you!

Kind regard,
Dr. Pedro Manso.