<?php
$item->endContent();
$tabstrip->addItem($item);
$item = new \Kendo\UI\TabStripItem();
$item->text("Fourth Tab")->startContent();
?>
<p>Maecenas vitae eros vel enim molestie cursus. Proin ut lacinia ipsum. Nam at elit arcu, at porttitor ipsum. Praesent id viverra lorem. Nam lacinia elementum fermentum. Nulla facilisi. Nulla bibendum erat sed sem interdum suscipit. Vestibulum eget molestie leo. Aliquam erat volutpat. Ut sed nulla libero. Suspendisse id euismod quam. Aliquam interdum turpis vitae purus consectetur in pulvinar libero accumsan. In id augue dui, ac volutpat ante. Suspendisse purus est, ullamcorper id bibendum sed, placerat id leo.</p>
<?php
$item->endContent();
$tabstrip->addItem($item);
$item = new \Kendo\UI\TabStripItem();
$item->text("Fifth Tab")->startContent();
?>
<p>Fusce nec mauris enim, non pharetra neque. Etiam elementum nunc ut velit fermentum sed porta eros dignissim. Duis at nisl eros. Integer arcu nisl, accumsan non molestie at, elementum nec odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque arcu odio, aliquam vel viverra ac, varius at sapien. Nullam elementum nulla non libero interdum vestibulum at in lacus. Curabitur ac magna ac lacus dapibus convallis non at turpis.</p>
<?php
$item->endContent();
$tabstrip->addItem($item);
$ajaxTab = new \Kendo\UI\TabStripItem();
$ajaxTab->text("Ajax Tab")->contentUrl("../content/web/tabstrip/ajax/ajaxContent1.html");
$tabstrip->addItem($ajaxTab);
$errorTab = new \Kendo\UI\TabStripItem();
$errorTab->text("Error Tab")->contentUrl("error.html");
$tabstrip->addItem($errorTab);
// set animation
$animation = new \Kendo\UI\TabStripAnimation();
$openAnimation = new \Kendo\UI\TabStripAnimationOpen();
$openAnimation->effects("fadeIn");
$animation->open($openAnimation);
$tabstrip->animation($animation);
echo $tabstrip->render();
?>
<h2>16<span>ºC</span></h2>
<p>Cloudy weather in Moscow.</p>
</div>
<span class="cloudy"> </span>
<?php
$moscow->endContent();
$sydney = new \Kendo\UI\TabStripItem();
$sydney->text("sydney")->startContent();
?>
<div class="weather">
<h2>17<span>ºC</span></h2>
<p>Rainy weather in Sydney.</p>
</div>
<span class="rainy"> </span>
<?php
$sydney->endContent();
$tabstrip->addItem($paris, $newYork, $london, $moscow, $sydney);
// set animation
$animation = new \Kendo\UI\TabStripAnimation();
$openAnimation = new \Kendo\UI\TabStripAnimationOpen();
$openAnimation->effects("fadeIn");
$animation->open($openAnimation);
$tabstrip->animation($animation);
echo $tabstrip->render();
?>
</div>
<style scoped>
#forecast {
width: 360px;
height: 337px;
$orders->text('Orders')->selected(true)->content($detailGrid->renderInTemplate());
//add grid to the tabstrip item content
$contact = new \Kendo\UI\TabStripItem();
$contact->text('Contact Information');
$contact->startContent();
?>
<div class="employee-details">
<ul>
<li><label>Country:</label>#= Country #</li>
<li><label>City:</label>#= City #</li>
<li><label>Address:</label>#= Address #</li>
<li><label>Home Phone:</label>#= HomePhone #</li>
</ul>
</div>
<?php
$contact->endContent();
$tabstrip = new \Kendo\UI\TabStrip('tabstrip_#=EmployeeID#');
$tabstrip->addItem($orders, $contact)->animation(false);
echo $tabstrip->renderInTemplate();
?>
</script>
<script>
function dataBound() {
this.expandRow(this.tbody.find("tr.k-master-row").first());
}
</script>
<style scoped="scoped">
.employee-details ul
{
