We use 30 min intervals and only show times between 6a and 10p, leaving a lot of unused space at the bottom of the window. This also limits the amount of text we can show in the events. We tried using 15 min intervals, but then the timescale runs off the bottom of the screen and we want to be able to see the entire day without scrolling. Is there CSS to manipulate the row heights?

Hi Eugene,

Thanks so much for asking about this. Try this CSS, and see if it accomplishes what you are looking for. (experiment with the number after "line-height:")

.fc-agenda-slots {
    line-height: 5;
}

Take care,
Ann

Hi Ann,

Thanks so much for your prompt reply. Unfortunately, this had no effect for the row heights in Resource Scheduler Vert. Any other ideas?

Eugene

I don't know what '5' refers to, but I tried from 6 to 25 and there was no change, even after triggering 'Upon Opening'.

FYI

Hi Eugene,

I am sorry you are running in to trouble with this! CSS can be a bit finicky. Make sure all of the punctuation is there, including the period at the beginning of .fc-agenda-slots. You may also want to place it higher up in the CSS lines, if you have it at the bottom. When testing in a stock copy of DayBack, I put it right before the first "Additional Block Do Not Remove - Shared Classes" section. If it is still not working for you, shoot us an email at [email protected] and we'll schedule a screen share with you.

Thanks, and have a great weekend!
Ann

No luck,

I've tried multiple locations, triple-checked the syntax, marking as '!important' - no change. Hrm.

Thanks for letting me know, Eugene. I am sending you an email now for a screen share early next week!
Ann