Changing hour_size_px causes display issues

Scheduler ASP.NET MVC
#1

Hi,

I’ve attached a screenshot of what my scheduler looks like when I change the hour_size_px. It looks like the hour display and the cells for the appointments become misaligned. The code I’m using is:

[code]public ActionResult Index()
{
List appointments = new List();
appointments.Add(new AppointmentRow { id = 1, text = “Test Appointment”, start_date = new DateTime(2013, 5, 10, 11, 0, 0), end_date = new DateTime(2013, 5, 10, 11, 30, 0) });
appointments.Add(new AppointmentRow { id = 2, text = “Rob Wheatley”, start_date = new DateTime(2013, 5, 10, 11, 45, 0), end_date = new DateTime(2013, 5, 10, 12, 15, 0) });

        var scheduler = new DHXScheduler(this);
        scheduler.Skin = DHXScheduler.Skins.Terrace;
        scheduler.Height = 840;
        scheduler.Data.Parse(appointments);
        scheduler.Config.hour_size_px = 84;
        scheduler.Config.first_hour = 6;
        scheduler.Config.last_hour = 22;
        scheduler.GenerateHTML();
        return View(scheduler);
    }[/code]

Is there anyway to align these back?

Capture.PNG1240×659 7.12 KB

#2

I managed to align the grid by setting the hour height to 88. It may have been some padding issue on my existing CSS.

#3

It workes. Thankyou

#4

You can also fix it by changing default backroug image with the custom one, which would fit the scale. Here is required css.dhx_scale_holder { background-image: url(pathToSomeProperImage) !important; }