Try ERPNext Try Frappe Cloud Buy Support Partners Foundation

UI issue rendering webform for date field in website

Date field before being clicked

Date field before after being clicked

Seems the datepicker has a UI issue when displayed in website.Can somebody help me fix this .

I solved this by adding the following in the Custom CSS section of the web form.

.datepicker.active {
    background-color: white;
}
1 Like

Thanks for the reply .But I had to add an opacity to fully rectify the issue .

.datepicker.active {
background-color: white;
opacity:1;
}

Is there any documentation regarding what are the CSS classes ERPNext is using so that I can customise for other scenarios as well.I have a similar issue for picklist.

I have fixed it for now by adding by adding it as custom css in 2 different forms that I need.

.datepicker.active {
  background-color: white;
  opacity:1;
}
.awesomplete ul {
  background-color: white;
  opacity:1;
}

But I think this has to fixed globally across all websites in code .Also similar problems could be there for other components as well.