Skip to content

Commit

Permalink
Update doc for appendTo body
Browse files Browse the repository at this point in the history
  • Loading branch information
@mertsincan
mertsincan committed Mar 16, 2021
1 parent 7b50c3b commit 7c9b833
Show file tree
Hide file tree
Showing 17 changed files with 42 additions and 42 deletions.
2 changes: 1 addition & 1 deletion src/showcase/autocomplete/AutoCompleteDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -710,7 +710,7 @@ itemTemplate(item) {
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/calendar/CalendarDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -988,8 +988,8 @@ dateTemplate(date) {
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
<td>tooltip</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/cascadeselect/CascadeSelectDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -596,8 +596,8 @@ const countryOptionTemplate = (option) => {
<tr>
<td>appendTo</td>
<td>string</td>
<td>null</td>
<td>Id of the element or "body" for document where the overlay should be appended to.</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
<td>itemTemplate</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/colorpicker/ColorPickerDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -199,8 +199,8 @@ import {ColorPicker} from 'primereact/colorpicker';
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
<td>disabled</td>
Expand Down
2 changes: 1 addition & 1 deletion src/showcase/contextmenu/ContextMenuDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -714,7 +714,7 @@ const items = [
<tr>
<td>appendTo</td>
<td>Dom Element</td>
<td>null</td>
<td>document.body</td>
<td>DOM element instance where the menu should be mounted.</td>
</tr>
</tbody>
Expand Down
2 changes: 1 addition & 1 deletion src/showcase/dialog/DialogDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -699,7 +699,7 @@ const myIcon = (
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>document.body</td>
<td>DOM element instance where the dialog should be mounted.</td>
</tr>
<tr>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/dropdown/DropdownDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -819,8 +819,8 @@ const groupedCities = [
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
<td>tabIndex</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/menu/MenuDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -341,8 +341,8 @@ let items = [
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay menu should be mounted.</td>
</tr>
</tbody>
</table>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/multiselect/MultiSelectDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -888,8 +888,8 @@ const groupedCities = [
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay menu should be mounted.</td>
</tr>
<tr>
<td>maxSelectedLabels</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/overlaypanel/OverlayPanelDemo.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,13 +58,13 @@ export class OverlayPanelDemo extends Component {
</AppInlineHeader>
</div>

<div className="content-section implementation overlaypanel-demo">
<div className="content-section implementation">
<Toast ref={(el) => this.toast = el} />

<div className="card">
<Button type="button" icon="pi pi-search" label={this.state.selectedProduct ? this.state.selectedProduct.name : 'Select a Product'} onClick={(e) => this.op.toggle(e)} aria-haspopup aria-controls="overlay_panel" className="select-product-button" />

<OverlayPanel ref={(el) => this.op = el} showCloseIcon id="overlay_panel" style={{width: '450px'}}>
<OverlayPanel ref={(el) => this.op = el} showCloseIcon id="overlay_panel" style={{width: '450px'}} className="overlaypanel-demo">
<DataTable value={this.state.products} selectionMode="single" paginator rows={5}
selection={this.state.selectedProduct} onSelectionChange={this.onProductSelect}>
<Column field="name" header="Name" sortable />
Expand Down
16 changes: 8 additions & 8 deletions src/showcase/overlaypanel/OverlayPanelDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,13 +63,13 @@ export class OverlayPanelDemo extends Component {
render() {
return (
<div className="overlaypanel-demo">
<div>
<Toast ref={(el) => this.toast = el} />
<div className="card">
<Button type="button" icon="pi pi-search" label={this.state.selectedProduct ? this.state.selectedProduct.name : 'Select a Product'} onClick={(e) => this.op.toggle(e)} aria-haspopup aria-controls="overlay_panel" className="select-product-button" />
<OverlayPanel ref={(el) => this.op = el} showCloseIcon id="overlay_panel" style={{width: '450px'}}>
<OverlayPanel ref={(el) => this.op = el} showCloseIcon id="overlay_panel" style={{width: '450px'}} className="overlaypanel-demo">
<DataTable value={this.state.products} selectionMode="single" paginator rows={5}
selection={this.state.selectedProduct} onSelectionChange={this.onProductSelect}>
<Column field="name" header="Name" sortable />
Expand Down Expand Up @@ -133,13 +133,13 @@ const OverlayPanelDemo = () => {
}
return (
<div className="overlaypanel-demo">
<div>
<Toast ref={toast} />
<div className="card">
<Button type="button" icon="pi pi-search" label={selectedProduct ? selectedProduct.name : 'Select a Product'} onClick={(e) => op.current.toggle(e)} aria-haspopup aria-controls="overlay_panel" className="select-product-button" />
<OverlayPanel ref={op} showCloseIcon id="overlay_panel" style={{width: '450px'}}>
<OverlayPanel ref={op} showCloseIcon id="overlay_panel" style={{width: '450px'}} className="overlaypanel-demo">
<DataTable value={products} selectionMode="single" paginator rows={5}
selection={selectedProduct} onSelectionChange={onProductSelect}>
<Column field="name" header="Name" sortable />
Expand Down Expand Up @@ -202,13 +202,13 @@ const OverlayPanelDemo = () => {
}
return (
<div className="overlaypanel-demo">
<div>
<Toast ref={toast} />
<div className="card">
<Button type="button" icon="pi pi-search" label={selectedProduct ? selectedProduct.name : 'Select a Product'} onClick={(e) => op.current.toggle(e)} aria-haspopup aria-controls="overlay_panel" className="select-product-button" />
<OverlayPanel ref={op} showCloseIcon id="overlay_panel" style={{width: '450px'}}>
<OverlayPanel ref={op} showCloseIcon id="overlay_panel" style={{width: '450px'}} className="overlaypanel-demo">
<DataTable value={products} selectionMode="single" paginator rows={5}
selection={selectedProduct} onSelectionChange={onProductSelect}>
<Column field="name" header="Name" sortable />
Expand Down Expand Up @@ -337,8 +337,8 @@ import { OverlayPanel } from 'primereact/overlaypanel';
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
<td>ariaCloseLabel</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/password/PasswordDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -277,8 +277,8 @@ import {Password} from 'primereact/password';
<tr>
<td>appendTo</td>
<td>string</td>
<td>null</td>
<td>Id of the element or "body" for document where the overlay should be appended to.</td>
<td>document.body</td>
<td>DOM element instance where the overlay panel should be mounted.</td>
</tr>
<tr>
<td>header</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/slidemenu/SlideMenuDemo.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,10 +154,10 @@ export class SlideMenuDemo extends Component {
<div className="content-section implementation">
<div className="card">
<h5>Basic</h5>
<SlideMenu model={this.items} viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu model={this.items} viewportHeight={220} menuWidth={175}></SlideMenu>

<h5>Popup</h5>
<SlideMenu ref={(el) => this.menu = el} model={this.items} popup viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu ref={(el) => this.menu = el} model={this.items} popup viewportHeight={220} menuWidth={175}></SlideMenu>
<Button type="button" icon="pi pi-bars" label="Show" onClick={(event) => this.menu.toggle(event)}></Button>
</div>
</div>
Expand Down
16 changes: 8 additions & 8 deletions src/showcase/slidemenu/SlideMenuDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -159,10 +159,10 @@ export class SlideMenuDemo extends Component {
<div>
<div className="card">
<h5>Basic</h5>
<SlideMenu model={this.items} viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu model={this.items} viewportHeight={220} menuWidth={175}></SlideMenu>
<h5>Popup</h5>
<SlideMenu ref={(el) => this.menu = el} model={this.items} popup viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu ref={(el) => this.menu = el} model={this.items} popup viewportHeight={220} menuWidth={175}></SlideMenu>
<Button type="button" icon="pi pi-bars" label="Show" onClick={(event) => this.menu.toggle(event)}></Button>
</div>
</div>
Expand Down Expand Up @@ -315,10 +315,10 @@ const SlideMenuDemo = () => {
<div>
<div className="card">
<h5>Basic</h5>
<SlideMenu model={items} viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu model={items} viewportHeight={220} menuWidth={175}></SlideMenu>
<h5>Popup</h5>
<SlideMenu ref={menu} model={items} popup viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu ref={menu} model={items} popup viewportHeight={220} menuWidth={175}></SlideMenu>
<Button type="button" icon="pi pi-bars" label="Show" onClick={(event) => menu.current.toggle(event)}></Button>
</div>
</div>
Expand Down Expand Up @@ -470,10 +470,10 @@ const SlideMenuDemo = () => {
<div>
<div className="card">
<h5>Basic</h5>
<SlideMenu model={items} viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu model={items} viewportHeight={220} menuWidth={175}></SlideMenu>
<h5>Popup</h5>
<SlideMenu ref={menu} model={items} popup viewportHeight={250} menuWidth={175}></SlideMenu>
<SlideMenu ref={menu} model={items} popup viewportHeight={220} menuWidth={175}></SlideMenu>
<Button type="button" icon="pi pi-bars" label="Show" onClick={(event) => menu.current.toggle(event)}></Button>
</div>
</div>
Expand Down Expand Up @@ -756,8 +756,8 @@ const items = [
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay menu should be mounted.</td>
</tr>
</tbody>
</table>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/splitbutton/SplitButtonDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -382,8 +382,8 @@ export const SplitButtonDemo = () => {
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay menu should be mounted.</td>
</tr>
<tr>
<td>tooltip</td>
Expand Down
4 changes: 2 additions & 2 deletions src/showcase/tieredmenu/TieredMenuDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -710,8 +710,8 @@ const items = [
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>DOM element instance where the dialog should be mounted.</td>
<td>document.body</td>
<td>DOM element instance where the overlay menu should be mounted.</td>
</tr>
</tbody>
</table>
Expand Down
2 changes: 1 addition & 1 deletion src/showcase/tooltip/TooltipDoc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -351,7 +351,7 @@ import { Tooltip } from 'primereact/tooltip';
<tr>
<td>appendTo</td>
<td>DOM element</td>
<td>null</td>
<td>document.body</td>
<td>DOM element instance where the tooltip should be mounted.</td>
</tr>
<tr>
Expand Down

0 comments on commit 7c9b833

Please sign in to comment.