MaterialDesignExtensions icon indicating copy to clipboard operation
MaterialDesignExtensions copied to clipboard

PersistentSearch

Open kamelEddinee opened this issue 4 years ago • 1 comments

hey i didn't really know where to put my question but i think this is the best place ,i just locked to the PersistentSearch controls demo and didn't really understand how it work ,i added SearchSuggestionsSource as BindableCollection , is there any thing i'm missing ? , and how to change search icon ? , and is the list have datatemplate ? , thank you in advance

kamelEddinee avatar Nov 09 '20 09:11 kamelEddinee

EDIT: I've updated the Persistent Search and Autocomplete. The new documentation is currently waiting to be merged. See PR #127

Hey, I'd suggest to check out the demo app in this repository as the use of the PersistentSearch control is demostrated there. Here are links to the specific demo files: https://github.com/spiegelp/MaterialDesignExtensions/blob/master/MaterialDesignExtensionsDemo/Controls/SearchControl.xaml

https://github.com/spiegelp/MaterialDesignExtensions/blob/master/MaterialDesignExtensionsDemo/ViewModel/SearchViewModel.cs

Change search icon

make sure to include this xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"

set the PersistentSearch control's SearchIcon property to the desired icon

<mde:PersistentSearch
    SearchIcon="{x:Static md:PackIconKind.TestTube}"
    SearchSuggestionsSource="{Binding Path=SearchSuggestionsSource}" />

Other icons

The 'back' and 'cancel' icons aren't editable at the moment. However, you can always copy the MaterialDesignPersistentSearch style and edit it to suit your needs. To change the icons in this style, it's these two lines:

'back' icon

<md:PackIcon Kind="ArrowLeft" Width="{TemplateBinding IconSize}" Height="{TemplateBinding IconSize}" />

'cancel' icon

<md:PackIcon Kind="Close" Width="{TemplateBinding IconSize}" Height="{TemplateBinding IconSize}" />

michaldivis avatar Feb 02 '21 09:02 michaldivis