Hello. I tried to use Upload components in my .Net 8 Blazor project. Main features of the component works fine, when I click on the button, file manager window opens, I choose the file and then component returns correct data. Thats great.
But I experience one strange style behavior. I am using directly the same styling as in your demo. But the background behind the button is grey even that the one in your demo is white. I tried to overwrite that using white background, but without success.
Maybe you will give me any hint, how to get rid of that.
Thanks.
My code:
<RadzenStack Orientation="Orientation.Vertical" JustifyContent="JustifyContent.Start" Gap="1rem">
<div class="col-md-6 p-3">
<RadzenCard>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.H3">Source File: </RadzenText>
<RadzenUpload Url="upload/single" Progress=@TrackProgress Complete=@CompleteUpload class="w-100"
InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "select file" }})" />
<RadzenProgressBar Value=@progress class="mt-4" Visible=@showProgress />
<RadzenButton Text="Cancel" Click=@(args => CancelUpload()) class="d-block mt-4" Visible=@showProgress />
<RadzenLabel Visible=@showComplete class="mt-4" Text=@completionMessage />
</RadzenCard>
</div>
<RadzenStack Gap="0" Orientation="Orientation.Horizontal">
<RadzenStack Gap="0" Orientation="Orientation.Vertical">
<RadzenButton Text="Upload File" Click="@UploadClick" Style="min-height: 26px; margin-top: 8px" />
</RadzenStack>
</RadzenStack>
</RadzenStack>