When a splitter is hidden behind a ng-show, the splitter is in a bad state when it is shown.  In the code that i have linked to, I hide the splitter if $scope.tab is equal to 1. If you change $scope.tab to be 2, the splitter works fine.

Any help on this would be appreciated.

For an example of this happening look at
http://dojo.telerik.com/ubUB/2

Hello Jonathan,

You need to call the kendo.resize method after the splitter has been shown, so that pane sizes are calculated correctly -- see the updated Dojo snippet. Alternatively, you can use the Kendo UI TabStrip instead of building your own.

Regards,
Alex Gyoshev
Telerik