-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Kendo Bot
committed
Feb 20, 2018
1 parent
7ce6180
commit 1dae839
Showing
14 changed files
with
234 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,93 @@ | ||
--- | ||
title: Overview | ||
page_title: Overview | ButtonGroup JSP Tag | ||
description: "Get started with the ButtonGroup JSP tag in Kendo UI." | ||
slug: overview_buttongroup_uiforjsp | ||
position: 1 | ||
--- | ||
|
||
# ButtonGroup JSP Tag Overview | ||
|
||
The ButtonGroup JSP tag is a server-side wrapper for the [Kendo UI ButtonGroup](/api/javascript/ui/buttongroup) widget. | ||
|
||
## Getting Started | ||
|
||
Make sure you are familiar with some of the fundamental [Kendo UI widget concepts]({% slug getting_started_installation_kendoui %}) and | ||
that the [Kendo UI Java wrappers]({% slug overview_uiforjsp %}) are set up correctly. | ||
|
||
### The Basics | ||
|
||
The ButtonGroup widget groups a series of buttons together on a single line. | ||
|
||
### Initialization | ||
|
||
The example below demonstrates how to initialize the ButtonGroup by using the default `buttongroup` tag. | ||
|
||
###### Example | ||
|
||
<kendo:buttonGroup name="select-period"> | ||
<kendo:buttonGroup-items> | ||
<kendo:buttonGroup-item text="Month"> | ||
</kendo:buttonGroup-item> | ||
<kendo:buttonGroup-item text="Quarter"> | ||
</kendo:buttonGroup-item> | ||
<kendo:buttonGroup-item text="Year"> | ||
</kendo:buttonGroup-item> | ||
</kendo:buttonGroup-items> | ||
</kendo:buttonGroup> | ||
|
||
## Features | ||
|
||
### Enable and Disable ButtonGroup | ||
|
||
You can configure the ButtonGroup to be initially disabled by using its `enable` property. The ButtonGroup can also be disabled or enabled at any time with JavaScript by using the `enable()` method with a Boolean argument. | ||
|
||
The following example demonstrates how to enable and disable the ButtonGroup. | ||
|
||
###### Example | ||
|
||
<kendo:buttonGroup name="select-period" enable="false"> | ||
<kendo:buttonGroup-items> | ||
<kendo:buttonGroup-item text="Month"> | ||
</kendo:buttonGroup-item> | ||
<kendo:buttonGroup-item text="Quarter"> | ||
</kendo:buttonGroup-item> | ||
<kendo:buttonGroup-item text="Year"> | ||
</kendo:buttonGroup-item> | ||
</kendo:buttonGroup-items> | ||
</kendo:buttonGroup> | ||
|
||
For more information on the [`enable` method of the ButtonGroup](/api/javascript/ui/buttongroup#methods-enable), refer to the [ButtonGroup API](/api/javascript/ui/buttongroup). | ||
|
||
### Index | ||
|
||
The initially selected index of the ButtonGroup can be configured by using its `index` property. An index can also be selected over the `select()` method with an Integer argument. | ||
|
||
The following example demonstrates how to select a button by its index. | ||
|
||
<kendo:buttonGroup name="align" selection="single" index="0"> | ||
<kendo:buttonGroup-items> | ||
<kendo:buttonGroup-item icon="align-left"> | ||
</kendo:buttonGroup-item> | ||
<kendo:buttonGroup-item icon="align-center"> | ||
</kendo:buttonGroup-item> | ||
<kendo:buttonGroup-item icon="align-right"> | ||
</kendo:buttonGroup-item> | ||
</kendo:buttonGroup-items> | ||
</kendo:buttonGroup> | ||
|
||
For more information on the [`select` method of the ButtonGroup](/api/javascript/ui/buttongroup#methods-select), refer to the [ButtonGroup API](/api/javascript/ui/buttongroup). | ||
|
||
## Reference | ||
|
||
### Existing Instance | ||
|
||
To reference an existing ButtonGroup instance, refer to the [introductory article on the ButtonGroup]({% slug overview_kendoui_buttongroup_widget %}#reference). | ||
|
||
## See Also | ||
|
||
Other articles on Telerik UI for JSP and on the ButtonGroup: | ||
|
||
* [Overview of the Kendo UI ButtonGroup Widget]({% slug overview_kendoui_buttongroup_widget %}) | ||
* [Telerik UI for JSP API Reference Folder](/api/jsp/autocomplete/animation) | ||
* [Telerik UI for JSP Tags Folder]({% slug overview_autocomplete_uiforjsp %}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,91 @@ | ||
--- | ||
title: Overview | ||
page_title: Overview | ButtonGroup PHP Class | ||
description: "Get started with the ButtonGroup PHP class in Kendo UI." | ||
slug: overview_buttongroup_uiforphp | ||
position: 1 | ||
--- | ||
|
||
# ButtonGroup PHP Class Overview | ||
|
||
The Kendo UI ButtonGroup for PHP is a server-side wrapper for the [Kendo UI ButtonGroup](/api/javascript/ui/buttongroup) widget. | ||
|
||
## Getting Started | ||
|
||
Make sure you are familiar with some of the fundamental [Kendo UI widget concepts]({% slug initialize_widgets_using_jquery_plugins_installation %}) and that the [Kendo UI PHP wrappers]({% slug overview_uiforphp %}) are setup correctly. | ||
|
||
### The Basics | ||
|
||
The ButtonGroup widget groups a series of buttons together on a single line. | ||
|
||
### Initialization | ||
|
||
The example below demonstrates how to initialize the ButtonGroup by using the default `buttongroup` tag. | ||
|
||
###### Example | ||
|
||
$buttonGroup = new \Kendo\UI\ButtonGroup('select-period'); | ||
$month = new \Kendo\UI\ButtonGroupItem(); | ||
$month->text("Month"); | ||
$quarter = new \Kendo\UI\ButtonGroupItem(); | ||
$quarter->text("Quarter"); | ||
$year = new \Kendo\UI\ButtonGroupItem(); | ||
$year->text("Year"); | ||
|
||
$buttonGroup->addItem($month, $quarter, $year); | ||
|
||
echo $buttonGroup->render(); | ||
|
||
## Features | ||
|
||
### Enable and Disable ButtonGroup | ||
|
||
You can configure the ButtonGroup to be initially disabled by using its `enable` property. The ButtonGroup can also be disabled or enabled at any time with JavaScript by using the `enable()` method with a Boolean argument. | ||
|
||
The following example demonstrates how to enable and disable the ButtonGroup. | ||
|
||
###### Example | ||
|
||
$disabledButtonGroup = new \Kendo\UI\ButtonGroup('disabledButton'); | ||
$disabledButtonGroup->attr('type', 'buttongroup') | ||
->enable(false) | ||
->content('Disabled buttongroup'); | ||
|
||
echo $disabledButtonGroup->render(); | ||
|
||
For more information on the [`enable` method of the ButtonGroup](/api/javascript/ui/buttongroup#methods-enable), refer to the [ButtonGroup API](/api/javascript/ui/buttongroup). | ||
|
||
### Index | ||
|
||
The initially selected index of the ButtonGroup can be configured by using its `index` property. An index can also be selected over the `select()` method with an Integer argument. | ||
|
||
The following example demonstrates how to select a button by its index. | ||
|
||
$buttonGroup = new \Kendo\UI\ButtonGroup('select-period'); | ||
$month = new \Kendo\UI\ButtonGroupItem(); | ||
$month->text("Month"); | ||
$quarter = new \Kendo\UI\ButtonGroupItem(); | ||
$quarter->text("Quarter"); | ||
$year = new \Kendo\UI\ButtonGroupItem(); | ||
$year->text("Year"); | ||
|
||
$buttonGroup->addItem($month, $quarter, $year); | ||
$buttonGroup->select(0); | ||
|
||
echo $buttonGroup->render(); | ||
|
||
For more information on the [`select` method of the ButtonGroup](/api/javascript/ui/buttongroup#methods-select), refer to the [ButtonGroup API](/api/javascript/ui/buttongroup). | ||
|
||
## Reference | ||
|
||
### Existing Instances | ||
|
||
To reference an existing ButtonGroup instance, refer to the [introductory article on the ButtonGroup]({% slug overview_kendoui_buttongroup_widget %}#reference). | ||
|
||
## See Also | ||
|
||
Other articles on Telerik UI for PHP and on the ButtonGroup: | ||
|
||
* [Overview of the Kendo UI ButtonGroup Widget]({% slug overview_kendoui_buttongroup_widget %}) | ||
* [Telerik UI for PHP API Reference Folder](/api/php/Kendo/UI/AutoComplete) | ||
* [Telerik UI for PHP Classes Folder]({% slug overview_autocomplete_uiforphp %}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters