Skip to content
This repository was archived by the owner on Nov 19, 2024. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Where:

- `#multiselect` is the selector of the select element for which Multiselect is initialized.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ contributor_name: Atwix
contributor_link: https://www.atwix.com/
---

## Overview

The PopupWindow [widget](https://glossary.magento.com/widget/) allows you to open a popup window with content from any URL.

The PopupWindow widget source is [lib/web/mage/popup-window.js][].
Expand Down Expand Up @@ -35,7 +33,7 @@ Where:

- `#element` is the selector of the element which will be the PopupWindow.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ contributor_name: Atwix
contributor_link: https://www.atwix.com/
---

## Overview

The TrimInput [widget](https://glossary.magento.com/widget) trims whitespace in an input field.

The TrimInput widget source is [lib/web/mage/trim-input.js][].
Expand All @@ -26,7 +24,7 @@ Where:

- `#element` is the selector of the input element to be trimmed.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_accordion.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Accordion widget
---

## Overview

Magento accordion widget is an [extension](https://glossary.magento.com/extension) of the [Magento Tabs widget].

Accordions are generally used to break content into multiple sections that can be swapped to save space.
Expand Down
1 change: 0 additions & 1 deletion guides/v2.2/javascript-dev-guide/widgets/widget_alert.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ group: javascript-developer-guide
subgroup: 3_Widgets
title: Alert widget
---
## Overview {#alert_overview}

The Magento alert widget implements a modal pop-up window with a confirmation button. It extends the [Magento modal widget].

Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_calendar.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Calendar widget
---

## Overview {#fedg_jquery-widget_calendar-overview}

The Calendar widget is a customized jQuery [Datepicker Widget] that enables selecting a data using a pop-up or an in-line calendar. Calendar is also responsible for:

* Merging the [global configuration] with the options that are passed from PHP when Calendar is initialized.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Collapsible widget
---

## Overview

The Magento collapsible widget converts a header/content pair into an accordion, where the content is collapsed or expanded on the header click.

Unlike the accordion widget is that collapsible is initialized for one title/content pair, while accordion can be initialized for a set of title/contents pairs.
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_confirm.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Confirmation widget
---

## Overview

The Magento confirmation widget implements a modal pop-up window with the cancel and confirmation button.It is an [extension](https://glossary.magento.com/extension) of the [Magento modal widget].

The confirmation [widget](https://glossary.magento.com/widget) source is [`<Magento_Ui_module_dir>/view/base/web/js/modal/confirm.js`].
Expand Down
1 change: 0 additions & 1 deletion guides/v2.2/javascript-dev-guide/widgets/widget_dialog.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ subgroup: 3_Widgets
title: DropdownDialog widget
---

## Overview
Magento dropdownDialog [widget](https://glossary.magento.com/widget) is a customization of the standard [jQuery UI Dialog](http://api.jqueryui.com/dialog/){:target="_blank"}. As extra functionality it implements the following:

- triggering [event](https://glossary.magento.com/event) for opening
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_dropdown.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,6 @@ functional_areas:
- Theme
---

## Overview

Use the dropdown widget to display custom content on the storefront.

Widget source file is [lib/web/mage/dropdowns.js].
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_gallery.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Gallery widget
---

## Overview

The gallery jQuery widget implements a content area with images organized into preview and thumbnails blocks.

The following picture is an illustration of image displaying on the product page using the gallery widget:
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_gallery_mg.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Magnifier widget
---

## Overview

Magnifier is a [widget](https://glossary.magento.com/widget) that allows displaying images in 100% scaled size in separate dedicated layer.
In Magento it is used by the [gallery]({{ page.baseurl }}/javascript-dev-guide/widgets/widget_gallery.html) widget for zooming the product images on product pages.

Expand Down
1 change: 0 additions & 1 deletion guides/v2.2/javascript-dev-guide/widgets/widget_list.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ group: javascript-developer-guide
subgroup: 3_Widgets
title: List widget
---
## Overview

{%
include note.html
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_loader.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Loader widget
---

## Overview

The Loader [widget](https://glossary.magento.com/widget) blocks page content (all content or a part of it). Its intended use is blocking content when an Ajax request is being sent, but it can be initialized for non-Ajax tasks as well.

The Loader widget source is [lib/web/mage/loader.js].
Expand Down
1 change: 0 additions & 1 deletion guides/v2.2/javascript-dev-guide/widgets/widget_menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ group: javascript-developer-guide
subgroup: 3_Widgets
title: Menu widget
---
## Overview

The Magento menu widget is a customized [jQuery UI Menu widget](http://api.jqueryui.com/menu/){:target="_blank"}. Magento menu extends the default functionality with the following:

Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_modal.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Modal widget
---

## Overview {#modal_overview}

The Magento modal widget implements a secondary window that opens on top of the main window. It contains the overlay and modal content. The modal widget configuration enables the following:

- Configuring as popup or slide
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_navigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Navigation widget
---

## Overview

Magento navigation widget is a customized [jQuery UI Menu widget]. Magento navigation extends the default functionality with the following:
- Expanding all layers of the menu tree past the second layer.
- Limiting the maximum number of list items contained within the main
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: PasswordStrengthIndicator widget
---

## Overview {#password_strength_indicator_overview}

The Magento password strength indicator [widget](https://glossary.magento.com/widget) provides immediate feedback on the validity and strength of a password while it is being typed.
If the password is not strong enough, Magento prompts the user to choose a new password.

Expand Down Expand Up @@ -35,7 +33,7 @@ Where:

- `#password-input` is the selector of the element for which PasswordStrengthIndicator is initialized.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand Down
2 changes: 0 additions & 2 deletions guides/v2.2/javascript-dev-guide/widgets/widget_prompt.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Prompt widget
---

## Overview

The Magento prompt [widget](https://glossary.magento.com/widget) implements a modal pop-up window with an input field, and a cancel and a confirmation button.

It extends the [Magento modal widget].
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ functional_areas:
- Search
---

## Overview

The quickSearch [widget](https://glossary.magento.com/widget) is an autocomplete widget that populates a list of suggested search terms for a given field.

The suggest widget source is [`<Magento_Search_module_dir>/view/frontend/web/js/form-mini.js`].
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ contributor_name: Atwix
contributor_link: https://www.atwix.com/
---

## Overview

The RedirectUrl [widget](https://glossary.magento.com/widget) allows redirecting to an URL when an event triggers.

The RedirectUrl widget source is [lib/web/mage/redirect-url.js][].
Expand All @@ -26,7 +24,7 @@ Where:

- `#element` is the selector of the element for which RedirectUrl is initialized.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand All @@ -45,8 +43,8 @@ Phtml template file examples using script:

The RedirectUrl widget has the following options:

- [event]
- [url]
- [event](#event)
- [url](#url)

### `event`

Expand Down
4 changes: 1 addition & 3 deletions guides/v2.2/javascript-dev-guide/widgets/widget_tabs.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Tabs widget
---

## Overview {#fedg_tabs-widget_overview}

The Magento tabs widget implements single content area with multiple panels, each associated with a header in a list. It uses the [Magento collapsible widget].

The tabs [widget](https://glossary.magento.com/widget) source is [lib/web/mage/tabs.js].
Expand All @@ -22,7 +20,7 @@ $("#element").tabs();
Where:
- `#element` is the selector of the element for tabs is initialized.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand Down
4 changes: 1 addition & 3 deletions guides/v2.2/javascript-dev-guide/widgets/widget_toggle.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ contributor_name: Atwix
contributor_link: https://www.atwix.com/
---

## Overview

Use the ToggleAdvanced [widget](https://glossary.magento.com/widget/) to toggle the HTML class for selectors by clicking on a toggle element.

The widget also allows toggling a clicked element class and clicked element text if an element is toggled.
Expand All @@ -26,7 +24,7 @@ $("#element").toggleAdvanced();
Where:
- `#element` is the selector of the element for which ToggleAdvanced is initialized.

Phtml template file examples using script:
The following example shows a PHTML file using the script:

```html
<script>
Expand Down
4 changes: 1 addition & 3 deletions guides/v2.3/javascript-dev-guide/widgets/widget_calendar.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ subgroup: 3_Widgets
title: Calendar widget
---

## Overview {#fedg_jquery-widget_calendar-overview}

The Calendar widget is a customized jQuery [Datepicker Widget] that enables selecting a data using a pop-up or an in-line calendar. Calendar is also responsible for:

* Merging the [global configuration] with the options that are passed from PHP when Calendar is initialized.
Expand Down Expand Up @@ -51,4 +49,4 @@ Most options, methods, and events for the calendar widget correspond to the jQue
[global configuration]: #fedg_calendar_config
[lib/web/mage/calendar.js]: {{ site.mage2bloburl }}/{{ page.guide_version }}/lib/web/mage/calendar.js
[Initialize JavaScript]: {{page.baseurl}}/javascript-dev-guide/javascript/js_init.html
[Datepicker Widget]: http://api.jqueryui.com/datepicker/
[Datepicker Widget]: http://api.jqueryui.com/datepicker/