Declined
Last Updated: 06 Jun 2013 15:04 by ADMIN
Lee
Created on: 06 Jun 2013 15:02
Category: Kendo UI for jQuery
Type: Feature Request
1
tab strip append bug
when adding an additional tab to a tabstrip - the tabbing behavior does not work as it should when switching tabs

use the html below:
then select in the browser the dynamic tab - works ok
then select in the browser the static tab - this results in both tabs being displayed

HTML to reproduce:
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
            <script>
                $(document).ready(function() {
                    $("#tabstrip").kendoTabStrip({
                        animation:  {
                            open: {
                                effects: "fadeIn"
                            }
                        }
                    });
					
					var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
					tabstrip.append({ text: 'Dynamic Tab', content: 'Dynamic Content' });
					
 					//var firsttab = tabstrip.select();
					//tabstrip.select(firsttab.next());
					//tabstrip.select(firsttab);
                });
            </script>
</head>
<body>
            <div id="forecast">
                <div id="tabstrip">
                    <ul>
                        <li class="k-state-active">
                            Static Tab
                        </li>
                    </ul>
                    <div>
                        Static content
                    </div>
                </div>
            </div>
</body>
</html>
1 comment
ADMIN
Brandon
Posted on: 06 Jun 2013 15:04
Please post this as a bug in the Kendo UI forums (with a runnable jsfiddle or jsbin) or the ticketing system. thanks.