diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index 341e1a6..7e9f58f 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -22,7 +22,7 @@ export default class RichGridDeclarativeExample extends Component { this.state = { quickFilterText: null, - showToolPanel: false, + sideBar: false, rowData: new RowDataFactory().createRowData(), icons: { columnRemoveFromGroup: '', @@ -50,8 +50,8 @@ export default class RichGridDeclarativeExample extends Component { }; /* Demo related methods */ - onToggleToolPanel = (event) => { - this.setState({showToolPanel: event.target.checked}); + onToggleSidebar = (event) => { + this.setState({sideBar: event.target.checked}); }; deselectAll() { @@ -142,8 +142,8 @@ export default class RichGridDeclarativeExample extends Component {
@@ -169,7 +169,7 @@ export default class RichGridDeclarativeExample extends Component { onCellClicked={this.onCellClicked} // binding to simple properties - showToolPanel={this.state.showToolPanel} + sideBar={this.state.sideBar} quickFilterText={this.state.quickFilterText} // binding to an object property @@ -247,10 +247,10 @@ export default class RichGridDeclarativeExample extends Component { All Rows (expand the Employee column to show the Country column first)

-

Toggle The Tool Panel: Let your users Pivot, +

Toggle The Side Bar: Let your users Pivot, Group and - Aggregate using the Tool Panel

+ Aggregate using the Side Bar

Refresh Data: Dynamically Update Grid Data

Quick Filter: Perform Quick Grid Wide Filtering @@ -322,12 +322,11 @@ export default class RichGridDeclarativeExample extends Component {

-

Tool Panel

+

Side Bar

Let your users Pivot, Group and Aggregate using the - Tool - Panel

- Tool Panel + Side Bar

+ Side Bar