From c59f03c6596c30ff344e1913bdc113bd482f95fc Mon Sep 17 00:00:00 2001 From: eduard13 Date: Wed, 27 Nov 2019 17:05:20 +0200 Subject: [PATCH 1/2] Updating the ListingToolbar UiComponent documentation --- _data/toc/ui-components-guide.yml | 2 +- .../listing-toolbar-component-result.png | Bin 0 -> 19973 bytes .../ui_comp_guide/components/ui-toolbar.md | 77 ++++++++++-------- 3 files changed, 44 insertions(+), 35 deletions(-) create mode 100644 common/images/ui_comps/listing-toolbar-component-result.png diff --git a/_data/toc/ui-components-guide.yml b/_data/toc/ui-components-guide.yml index 0ce11369c44..f09dfa5cc9d 100644 --- a/_data/toc/ui-components-guide.yml +++ b/_data/toc/ui-components-guide.yml @@ -161,7 +161,7 @@ pages: - label: ThumbnailColumn component url: /ui_comp_guide/components/ui-thumbnailcolumn.html - - label: Toolbar component + - label: ListingToolbar component url: /ui_comp_guide/components/ui-toolbar.html - label: TreeMassActions component diff --git a/common/images/ui_comps/listing-toolbar-component-result.png b/common/images/ui_comps/listing-toolbar-component-result.png new file mode 100644 index 0000000000000000000000000000000000000000..05d34a6fc938e18e3e16ddcb43bdd7262f66cc8e GIT binary patch literal 19973 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 A0{{R3 literal 0 HcmV?d00001 diff --git a/guides/v2.2/ui_comp_guide/components/ui-toolbar.md b/guides/v2.2/ui_comp_guide/components/ui-toolbar.md index 790118a14ba..1ab4ba70774 100644 --- a/guides/v2.2/ui_comp_guide/components/ui-toolbar.md +++ b/guides/v2.2/ui_comp_guide/components/ui-toolbar.md @@ -1,44 +1,53 @@ --- group: ui-components-guide -title: Toolbar component +title: ListingToolbar component --- -The Toolbar component implements a container for the listing-related elements like paging, mass actions, filters, bookmarks. That is, it aggregates all elements that serve as tools and renders them at the top of the main table. +The ListingToolbar component implements a container for the listing-related elements like paging, mass actions, filters, bookmarks. That is, it aggregates all elements that serve as tools and renders them at the top of the main table. ## Configuration options - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OptionDescriptionTypeDefault
stickyWhether the toolbar has a fixed position. When set to true, elements like paging, filters, and table headers stay in the viewport's area, no matter where the scroll position is.Booleanfalse
stickyClassA list of additional CSS classes added to the root node of the .html template specified in StickyTmpl.{
[name:string]: boolean
}		{
'sticky-header': true
}
stickyTmplPath to the toolbar's template for the fixed position.Stringui/grid/sticky/sticky
templatePath to the component’s .html template.Stringui/grid/toolbar
+| Option | Description | Type | Default | +| ------- | ------- | ------- | ------------ | +| `sticky` | Whether the toolbar has a fixed position. When set to `true`, elements like paging, filters, and table headers stay in the viewport's area, no matter where the scroll position is. | `Boolean` | `false` | +| `stickyClass` | A list of additional CSS classes added to the root node of the `.html` template specified in `StickyTmpl`. | {
[name:string]: boolean
} | {
`'sticky-header': true`
} | +| `stickyTmpl` | Path to the toolbar's template for the fixed position. | `String` | `ui/grid/sticky/sticky` | +| `template` | Path to the component’s `.html` template. | `String` | `ui/grid/toolbar` | + +## Examples + +### Integrate the ListingToolbar component with the Listing component + +In the following example, we'll group the following components: + +- Bookmark +- ColumnsControls +- FilterSearch +- Filters +- Mass Actions +- Paging + +```xml + + + true + + + + + + ... + + + ... + + + +``` + +#### Result + +![ListingToolbar UiComponent]({{ site.baseurl }}/common/images/ui_comps/listing-toolbar-component-result.png) ## Source files From 41e394042a8df7dd582b004b9c930c69209887fd Mon Sep 17 00:00:00 2001 From: Donald Booth Date: Wed, 27 Nov 2019 11:03:37 -0800 Subject: [PATCH 2/2] Small grammar change --- guides/v2.2/ui_comp_guide/components/ui-toolbar.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/guides/v2.2/ui_comp_guide/components/ui-toolbar.md b/guides/v2.2/ui_comp_guide/components/ui-toolbar.md index 1ab4ba70774..aa75680c82f 100644 --- a/guides/v2.2/ui_comp_guide/components/ui-toolbar.md +++ b/guides/v2.2/ui_comp_guide/components/ui-toolbar.md @@ -3,7 +3,7 @@ group: ui-components-guide title: ListingToolbar component --- -The ListingToolbar component implements a container for the listing-related elements like paging, mass actions, filters, bookmarks. That is, it aggregates all elements that serve as tools and renders them at the top of the main table. +The ListingToolbar component implements a container for the listing-related elements such as paging, mass actions, filters, and bookmarks. It aggregates all elements that serve as tools and renders them at the top of the main table. ## Configuration options @@ -18,7 +18,7 @@ The ListingToolbar component implements a container for the listing-related elem ### Integrate the ListingToolbar component with the Listing component -In the following example, we'll group the following components: +In the following example, we group the following components: - Bookmark - ColumnsControls