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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

MultiSelect tooltip example (Blazor 17.4.44)

Thread ID:

Created:

Updated:

Platform:

Replies:

151020 Jan 28,2020 11:50 AM UTC Jan 30,2020 07:04 AM UTC Blazor 3
loading
Tags: MultiSelect Dropdown
ashimaz
Asked On January 28, 2020 11:50 AM UTC

Hi,

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

Thanks.

Sureshkumar P [Syncfusion]
Replied On 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> 
    <MultiSelectTemplates> 
        <ValueTemplate> 
            <EjsTooltip Content="@((context as Countries).Name)" Position="@Position"> 
                <span>@((context as Countries).Name)</span> 
            </EjsTooltip> 
        </ValueTemplate> 
    </MultiSelectTemplates> 
</EjsMultiSelect> 
@code{ 
   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. 
 
Regards, 
Sureshkumar P 


ashimaz
Replied On January 29, 2020 06:27 PM UTC

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

Sureshkumar P [Syncfusion]
Replied On January 30, 2020 07:04 AM UTC

Hi Ashimaz, 
 
 
Regards, 
Sureshkumar P 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon