Color of this pop-up click view


Where i can set this on my React javascript?


2 Replies

SA Samantha December 22, 2021 07:32 AM UTC

How i can set within this "react.js"?


if (e.type === "QuickInfo" ) {
      console.log("handle here.....");
      .....
    }


BS Balasubramanian Sattanathan Syncfusion Team December 23, 2021 05:02 PM UTC

Hi Samantha,

Greetings from Syncfusion Support.

We have validated your requirement at our end and let you know that we can change the background color of the default quick popup by using CSS and using the popupOpen event of the Scheduler like the below code snippet.

Sample: https://stackblitz.com/edit/react-schedule-popup-color-change?file=index.js

Solution through CSS:

.e-popup-header {

  background-color: red !important;

}


Solution through
popupOpen event:

onPopupOpen(args) {

  if (args.type === "QuickInfo") {

    setTimeout(() => {

      document.querySelector('.e-popup-header').style.backgroundColor = "red";

    });

  }

}


Kindly refer to the above solution and let us know if you need further assistance.


Regards,

Balasubramanian S


Loader.
Up arrow icon