Angular CardView - searchPanel

Configures the search panel.

Selector: dxo-search-panel
Type:

SearchPanel

View Demo

highlightCaseSensitive

Notifies the UI component whether search is case-sensitive to ensure that search results are highlighted correctly. Applies only if highlightSearchText is true.

Type:

Boolean

Default Value: false

highlightSearchText

Specifies whether found substrings should be highlighted.

Type:

Boolean

Default Value: true

placeholder

Specifies a placeholder for the search panel.

Type:

String

Default Value: 'Search...'

searchVisibleColumnsOnly

Specifies whether the UI component should search against all columns or only visible ones.

Type:

Boolean

Default Value: false

text

Sets a search string for the search panel.

Type:

String

Default Value: ''
Raised Events: onOptionChanged

visible

Specifies whether the search panel is visible or not.

Type:

Boolean

Default Value: false

width

Specifies the width of the search panel in pixels.

Type:

String

|

Number

Default Value: 160