Upload component - wrong style

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>

Hi @ZdenekNovotny,

Try this:

<RadzenUpload Style="--rz-upload-button-bar-background-color: transparent;" ... >

1 Like

Hi @yordanov . Thank you very much. It works fine now.