OnClientTimeSlotClick change color full border.

[Stefan]

Hi, When someone clicks a timeslot i want to add border top to a color (100% width of scheduler).

I know this line is wrong: //args.getTimeSlotFromDomElement().style.borderColorTop = "red";

But i cant figure out how i should do it.

function OnClientTimeSlotClick(sender, args) {
                selectedResource = "";
                if (args.get_targetSlot()) {
                    selectedResource = args.get_targetSlot().get_resource().get_text();
                    var tmpTime = args.get_targetSlot().get_startTime("HH:mm");
                    var selectedTime = new Date(tmpTime);
                    selectedResourceKey = args.get_targetSlot().get_resource().get_key();

                    // Clears the lists
                    $('#InformationPanel ul li').html('');

                    // Displays data in div.
                    $('#InformationPanel').find('.roomName').append("<strong>Rum:</strong> " + selectedResource);
                    $('#InformationPanel').find('.appointmentTime').append("<strong>Tid:</strong> " + selectedTime.format("HH:mm"));


                    activeTimeslot = args.get_targetSlot();

                    //args.getTimeSlotFromDomElement().style.borderColorTop = "red";
                }
            }

[Plamen]

Hi Stefan,

 
You should also set the width or the upper border to at least one pixel more than usual so it can be observed. Here is the sample code that worked at my side:

function OnClientTimeSlotClick(sender, args) {

               args.get_targetSlot().get_domElement().style.borderTopColor = "red";
               args.get_targetSlot().get_domElement().style.borderTopWidth = "2px"
           }

Hope this will be helpful.

Regards,
Plamen
Telerik