Default background in standard-base

Radzen Studio Blazor WebAssembly
1

Hi,

How I can disabled in standard-base.css file the default background?

image

image

I tried to delete <link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css"> in index.html and I always have the default background.

Thanks in advance to your help!

2

in MainLayout.razor I added <div class="main" style="background-color: #F8F9FB">
in case I no longer have the default backgraound.

But I run my application for the time I see always default background and change to white background.

How I can disabled the default background?

3

You can check this thread: Background in the main page - #2 by yordanov

4

Hi, thanks for your link.

But I've already disabled background in dev.tools and added background : none !important
In this case I've no longer the default background.
so now where I can modify in my application to disable default background.
my application is with blazor wasm and use radzen.blazor as library.

5

In your application's css file.

6

I searched the css filed in my application and could not find.

Can I ask you which css file it is?

image

7

Check the index.html file of your app to see what CSS files it is including.

8

in index.html

  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="AppWebDT.Client.styles.css" rel="stylesheet" />
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/material-base.css">
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css">

I can't access to _content in my app.

But I can only to access at _content/ in dev.tools to disable default background and put background:white

image
image753×225 16.5 KB

9

Hi, have you an idea how I can do it?

10

You can add it to css/app.css:

body {
   background-image: none !important;
}

You have also included two Radzen.Blazor themes which is redundant.

11

Hi, thanks to your suggestions.

So I've put in app.css

body {
    background-image: none !important;   
}

it's still awful. it is not possible to remove this image.

12

Try

body {
    background: none !important;   
}
13

This correct

body {
    background: none !important;   
}
  • I no longer have the beautiful background. :sweat_smile:
1 Like
14

This is only visible by default when using Standard theme. It's not visible by default when using Material theme. Is this a bug?

<RadzenTheme Theme="standard" @rendermode="InteractiveAuto" />

15

Hi @tj_user,

Indeed only the standard theme uses this background. It is by design.