Calendar Duplicate Display Bug

4 posts, 0 answers
  1. AU
    AU avatar
    5 posts
    Member since:
    Oct 2012

    Posted 01 Aug 2012 Link to this post

    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.
  2. AU
    AU avatar
    5 posts
    Member since:
    Oct 2012

    Posted 01 Aug 2012 Link to this post

    Apologies for bothering, but I've already resolved this issue by placing the calendar inside a <div> with the same id. Thanks!
  3. Kendo UI is VS 2017 Ready
  4. Mohsen Kokabi
    Mohsen Kokabi avatar
    1 posts
    Member since:
    Apr 2004

    Posted 12 Jan 2013 Link to this post

    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
  5. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3706 posts

    Posted 17 Jan 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready