\Kendo\UI\BottomNavigation
A PHP wrapper for Kendo UI BottomNavigation.
Inherits from \Kendo\UI\Widget.
Usage
To use BottomNavigation in a PHP page instantiate a new instance, configure it via the available
configuration methods and output it by echo
-ing the result of the render method.
Using Kendo BottomNavigation
<?php
// Create a new instance of BottomNavigation and specify its id
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
// Configure it
$bottomNavigation->border(true)
// Output it
echo $bottomNavigation->render();
?>
Methods
border
Toggles the border of the widget.
Returns
\Kendo\UI\BottomNavigation
Parameters
$value boolean
Example
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->border(true);
?>
fill
Defines the fill of the component
Returns
\Kendo\UI\BottomNavigation
Parameters
$value string
Example
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->fill('value');
?>
itemFlow
Specifies the iteFLow of the component
Returns
\Kendo\UI\BottomNavigation
Parameters
$value string
Example
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->itemFlow('value');
?>
addItem
Adds one or more BottomNavigationItem to the BottomNavigation.
Returns
\Kendo\UI\BottomNavigation
Parameters
$value[, $value2, ...] \Kendo\UI\BottomNavigationItem|array
Example - using \Kendo\UI\BottomNavigationItem
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$item = new \Kendo\UI\BottomNavigationItem();
$cssClass = 'value';
$item->cssClass($cssClass);
$bottomNavigation->addItem($item);
?>
Example - using array
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$cssClass = 'value';
$bottomNavigation->addItem(array('cssClass' => $cssClass));
?>
Example - adding more than one BottomNavigationItem
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$first = new \Kendo\UI\BottomNavigationItem();
$second = new \Kendo\UI\BottomNavigationItem();
$bottomNavigation->addItem($first, $second);
?>
positionMode
Specifies the positionMode of the component
Returns
\Kendo\UI\BottomNavigation
Parameters
$value string
Example
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->positionMode('value');
?>
select
Fires when the user selects an item in BottomNavigation. For additional information check the select event documentation.
Returns
\Kendo\UI\BottomNavigation
Parameters
$value string|\Kendo\JavaScriptFunction
Example - using string which defines a JavaScript function
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->select('function(e) { }');
?>
Example - using string which defines a JavaScript name
<script>
function onSelect(e) {
// handle the select event.
}
</script>
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->select('onSelect');
?>
Example - using \Kendo\JavaScriptFunction
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->select(new \Kendo\JavaScriptFunction('function(e) { }'));
?>
shadow
Toggles the shadow of the widget.
Returns
\Kendo\UI\BottomNavigation
Parameters
$value boolean
Example
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->shadow(true);
?>
template
Sets a custom template for the items.
Returns
\Kendo\UI\BottomNavigation
Parameters
$value string|\Kendo\JavaScriptFunction
Example - using string
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->template('value');
?>
Example - using \Kendo\JavaScriptFunction
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->template(new \Kendo\JavaScriptFunction('function() { }'));
?>
themeColor
Specifies the color of the component
Returns
\Kendo\UI\BottomNavigation
Parameters
$value string
Example
<?php
$bottomNavigation = new \Kendo\UI\BottomNavigation('BottomNavigation');
$bottomNavigation->themeColor('value');
?>