Premium support for our pure JavaScript UI components


Post by snath »

Hi Team,

We are configuring resourceTimeRanges with the following array

[
  {
    "id": 14801,
    "resourceId": 1700227,
    "startDate": "2023-02-03 00:00",
    "endDate": "2023-02-03 06:00",
    "name": "OFF HOUR"
  },
  {
    "id": 14802,
    "resourceId": 1700227,
    "startDate": "2023-02-03 14:00",
    "endDate": "2023-02-03 23:59",
    "name": "OFF HOUR"
  }
 ] 

We would like to know if it is possible to not display the text of the name of each Resource Time Range (in this case "OFF HOUR") without having to mutate the array that we are receiving from our API.

Following is the screenshot where the text is visible

Brntum_OFFHours.PNG
Brntum_OFFHours.PNG (32.9 KiB) Viewed 56 times

Looking forward to hear from you.

Thanks!
Suhan Nath


Post by marcio »

Hey Suhan,

You can use CSS to hide the text in the resource timerange, and with that, you won't need to mutate the array from the backend, you can use the following rule:

.b-sch-resourcetimerange .b-sch-event-content {
    display: none;
}

Best regards,
Márcio


Post Reply