Tab in Scheduler Custom Editor Template

[Dilip]

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

 

 

[Vladimir Iliev]

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