dhtmlxCalendar in Accordion

Suite and Optimus Suite 5
#1

I’ve used dhtmlx Calendar (version DHTMLX2.5) in accordion. The first two places in the accordion, it seems fine but when I expand out third accordion and clicked on calendar, it display bottom of the screen and hides it. I used all the index position, top and left position and also tried with relative and fixed position, it’s not working.

does any one have done this similar before?

#2

Could you please attached the sample that allows to recreate the problem ?

#3

I fixed the earlier issue by using the code in java script not in html. But I’ve a problem in calendar it shows white shadow just below the calendar. How can I remove the shadow? Here is my html code -

test

=== JS ===
cal1 = new dhtmlxCalendarObject(spanValue, false, { isMonthEditable: true, isYearEditable: true });
cal1.loadUserLanguage(‘en-us’);
cal1.setYearsRange(1990, 2079);
cal1.setDateFormat(dateFormat);
cal1.setOnClickHandler(selectDate);
cal1.draw();

	        function toggleCalendar() {
	            calendarState = cal1.isVisible();

	            if (calendarState == false) {
	                cntE = 0;
	                cal1.show();
	            }
	            else {
	                cal1.hide();

	            }

Please help!

#4

This code snippet doesn’t allows to recreate the problem. Please attach the complete demo that is ready for testing.

#5

I resolved this one too. I just wanted to know the quick way but got it :slight_smile:
I removed the width pixel in CSS and it worked. I hope this won’t cause any other issue.

.dhtmlxcalendar_ifr {
height:172px;
width:0px;
}

Thank you for the response.

#6

Hello,

you may also call disableIESelectFix method:

calendar.disableIESelectFix(true);