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 { get; set; }
public string Code { get; set; }
}
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
