Tab in Scheduler Custom Editor Template

2 posts, 0 answers
  1. Dilip
    Dilip avatar
    1 posts
    Member since:
    Jul 2014

    Posted 12 Jan Link to this post

    Hi,
           I am using Custom Editor Template in my Scheduler. Can you please tell me as how to include tab in the Custom Editor Template?

     When trying to add tab using below code

     

    <div id="tabExample" style="float:left;width:98%;font-size: 1.1em !important;">
    <ul>   
            <li><a href="#tab1">Tab1</a></li>   
            <li><a href="#tab2">Tab2</a></li
            </ul>
            </div>
     
    //And in Script
    <script type="text/javascript">
            $(document).ready(function () {
     $("#tabExample").tabs();
     });
    </script>

     

    I am getting javascript error like "Invalid Template".

    Can you help me on this.

     

    Thanks,

    Dilip

     

     

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 14 Jan Link to this post

    Hi Dilip,

    Please note that the "#" symbol is a special one used by the Kendo UI template syntax and should be escaped in templates. Please check the updated edit template below:

    <div id="tabExample" style="float:left;width:98%;font-size: 1.1em !important;">
        <ul>
            <li><a href="\#tab1">Tab1</a></li>
            <li><a href="\#tab2">Tab2</a></li>
        </ul>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("\#tabExample").kendoTabStrip();
        });
    <\/script>

    Regards,
    Vladimir Iliev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top