We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Change the background colour

How do you change the background colour from the standard white to a custom colour?


Passing a style as

{

backgroundColor:'red',

}

to the style option on FileManager only changes the colour of some things red. You still get the same white in most places.

FYI I don't actually want the background colour to be red, but red just helps to highlight the issue.

I've tried hacking away at various css overrides in a .css file, but I could only get so far.





1 Reply

SS Sivakumar ShunmugaSundaram Syncfusion Team December 12, 2022 03:59 PM UTC

Hi Carl,


Greetings from Syncfusion support.


With the shared details, you need to change the background color of React FileManager component. To achieve your requirement, you just use the below-mentioned CSS styling from your side.


Refer to the below code snippet.

[index.js],

 

<body class="bootstrap5">

    <style>

.e-filemanager, .e-toolbar .e-toolbar-items, .e-grid .e-table , .e-grid .e-content, .e-filemanager .e-grid .e-gridheader tr:first-child th {

    background: red;

}

        </style>

    <div id='sample'>

</body>

 


Sample: https://stackblitz.com/edit/react-xhuhz7?file=index.html


Check out the attached sample for your reference.


Loader.
Up arrow icon