Interface IDesignSelectorConfig

Provides gallery properties. You can use these properties in params of the AuWidgetGallery class.

   {
   "type": "pim-design-selector",
   "name": "pim-design-selector",
   "params": {
      "designs": "{{ $['pim-ajax'].output.designs }}",
      "onChange": "{{ #function console.warn($['pim-design-selector']._); }}",
      "itemWidth": "200px"
    }
  }

Package: ui-framework

Properties

designs

An array of designs to display in the gallery.

Declaration

designs: ProductInformationDesign[]

Property Value

Type	Description
ProductInformationDesign[]	An array of designs to display in the gallery.

itemsPerPage

Number of elements per page. Default value is 24.

Declaration

itemsPerPage?: number

Property Value

Type	Description
number	Number of elements per page. Default value is 24.

onChange

A single function or an array of functions that will be executed when an item is changed.

Declaration

onChange?: Function | Array<Function>

Property Value

Type	Description
Function | Array<Function>	A single function or an array of functions that will be executed when an item is changed.

onItemClick

A single function or an array of functions that will be executed when an item is clicked.

Declaration

onItemClick?: Function | Array<Function>

Property Value

Type	Description
Function | Array<Function>	A single function or an array of functions that will be executed when an item is clicked.

onItemDoubleClick

A single function or an array of functions that will be executed when an item is double clicked.

Declaration

onItemDoubleClick?: Function | Array<Function>

Property Value

Type	Description
Function | Array<Function>	A single function or an array of functions that will be executed when an item is double clicked.

showItemsTitle

If true, displays the title.

Declaration

showItemsTitle?: boolean

Property Value

Type	Description
boolean	If true, displays the title.