Can TabStrip be included in a custom Scheduler edit Template?

2 posts, 0 answers
  1. Roderick Prince
    Roderick Prince avatar
    29 posts
    Member since:
    May 2004

    Posted 19 May 2014 Link to this post

    I would like to use a TabStrip to break up the fields in a popup edit form from the Scheduler widget. Will this work?

    So far my test of putting the Basic TabStrip samples <div id="forecast">...</div> into a working edit template throws a content error.

  2. Roderick Prince
    Roderick Prince avatar
    29 posts
    Member since:
    May 2004

    Posted 20 May 2014 in reply to Roderick Prince Link to this post

    I was able to get this to work in a template by applying the tabstrip via jquery
     <div id="tabstrip">
            <ul>
                <li class="k-state-active">General</li>
                <li>Specifics</li>
                <li>Contact</li>
                <li>Location</li>
            </ul>
            <div>
                <div class="tabContent">
                    <div class="k-edit-label">
                        @(Html.LabelFor(model => model.Title))
                    </div>
                    <div data-container-for="title" class="k-edit-field">
                        @(Html.TextBoxFor(model => model.Title, new { @class = "k-textbox wide", data_bind = "value:title" }))
                    </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="tabContent">
                    <div class="k-edit-label">
                        @(Html.LabelFor(model => model.EventType))
                    </div>
                    <div class="k-edit-field" id="eventTypes" />
                </div>
            </div>
        </div>



    jQuery(function () {
            jQuery("#tabstrip").kendoTabStrip({
                animation: {
                    open: {
                        effects: "fadeIn"
                    }
                }
            });
  3. Kendo UI is VS 2017 Ready
Back to Top