We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

MultiSelect tooltip example (Blazor 17.4.44)


Kindly link me to a example of applying tooltip for each selected item in Blazor MultiSelect.


3 Replies

SP Sureshkumar P Syncfusion Team January 29, 2020 11:42 AM UTC

Hi Ashimaz, 
Greetings from Syncfusion support. 
We have prepared the sample with tooltip for the selected items (chip) in the multiselect component. Kindly refer the below code, 
<EjsMultiSelect TValue="string[]" Placeholder="e.g. Australia" DataSource="@Country" ModelType="@typeof(Countries)"> 
    <MultiSelectFieldSettings Value="Code" Text="Name"></MultiSelectFieldSettings> 
            <EjsTooltip Content="@((context as Countries).Name)" Position="@Position"> 
                <span>@((context as Countries).Name)</span> 
   object Content = "Loading.."; 
Syncfusion.EJ2.Blazor.Popups.Position Position = Syncfusion.EJ2.Blazor.Popups.Position.TopCenter; 
public class Countries 
    public string Name { getset; } 
    public string Code { getset; } 
List<Countries> Country = new List<Countries> 
new Countries() { Name = "Australia", Code = "AU" }, 
new Countries() { Name = "Bermuda", Code = "BM" }, 
new Countries() { Name = "Canada", Code = "CA" }, 
new Countries() { Name = "Cameroon", Code = "CM"}, 
Please find the sample below, 
If we misunderstood your requirement. please share the below details  
1.     Whether you want to add tooltip in the selected item listed in popup or only input element? 
2.     Whether you have used the checkbox mode or not? 
3.     If you have any other requirement, then please share the requirement details with image or video demonstration 
These details will help us to provide exact solution at earliest. 
Sureshkumar P 

AS ashimaz January 29, 2020 06:27 PM UTC

Thank you.
I understand how to use tooltip on multiselect with this sample.

SP Sureshkumar P Syncfusion Team January 30, 2020 07:04 AM UTC

Hi Ashimaz, 
Sureshkumar P 

Live Chat Icon For mobile
Up arrow icon