This is a migrated thread and some comments may be shown as answers.

Calendar Duplicate Display Bug

3 Answers 134 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
AU
Top achievements
Rank 1
AU asked on 01 Aug 2012, 05:31 AM
Hi,

I've only recently started using Kendo and I encountered a rather peculiar bug that a teammate of mine has not encountered using the same context.

Attached to this thread is a picture of this bug and below is the code snippet I used to display the calendar.

<div id="calendarDiv">
         @(Html.Kendo().Window()
            .Name("calendarWindow")
            .Title("")
            .Content(@<div>
                @(Html.Kendo().Calendar().Name("calendar"))<br /><br />
                <strong>Choose calendar:</strong><br /><br />
                <strong>Physician:</strong><br /><br />
                @(Html.Kendo().ComboBox().Name("doctors").HtmlAttributes(new { style = "width:200px" }))<br /><br />
                or<br /><br /><strong>Department:</strong><br /><br />
                @(Html.Kendo().ComboBox().Name("departments").HtmlAttributes(new { style = "width:200px" }))
            </div>)
            .Actions(actions => actions
                .Minimize()
                .Custom("custom")
            )
            .Draggable()
            .Resizable()
        )
    </div>

Your support is greatly appreciated.

3 Answers, 1 is accepted

Sort by
0
AU
Top achievements
Rank 1
answered on 01 Aug 2012, 08:07 AM
Apologies for bothering, but I've already resolved this issue by placing the calendar inside a <div> with the same id. Thanks!
0
Mohsen
Top achievements
Rank 1
answered on 12 Jan 2013, 12:14 PM
Hi, I'm facing the same issue.
I have a MVC view which has:
<div id="topPanelEdit" style="width: 100%;height: 200px;">
    @{Html.RenderPartial("TopPanelView");}
</div>

and in that partial view:
<script>
    $(document).ready(function() {
        $("#dateInCalendar").kendoCalendar();
        $("#dateOutCalendar").kendoCalendar();
});
</script>
<div>
    Arrival: <div id="dateInCalendar"></div> Departure:<div id="dateOutCalendar"></div>
</div>
I even removed 1 calendar but still same problem. Any help.

Regards
Mohsen
0
Georgi Krustev
Telerik team
answered on 17 Jan 2013, 07:55 AM
Hello Mohsen,

 
I prepared a simple test jsBin demo in my attempt to replicate the issue, but to no avail. Could you check it and modify it to reproduce the problem.

Regards,
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Calendar
Asked by
AU
Top achievements
Rank 1
Answers by
AU
Top achievements
Rank 1
Mohsen
Top achievements
Rank 1
Georgi Krustev
Telerik team
Share this question
or