To trim the long value displayed in the drop downs

Thread ID:	Created:	Updated:	Platform:	Replies:
141138	Nov 26,2018 12:02 PM UTC	Nov 27,2018 07:06 AM UTC	ASP.NET MVC - EJ 2	1

Subscribe to this post

Tags: DropDownList

Sharad

Asked On November 26, 2018 12:02 PM UTC

The field (associated with dropdown) has limit of 200 characters (refer to the attached file).
We want to trim this value while displaying in dropdown and want to implement a tool tip on hover over which will display whole text. Please suggest the solution.

Attachment: Dropdownissue_72379f74.rar

Reply | Reply with quote

Prince Oliver [Syncfusion]

Replied On November 27, 2018 07:06 AM UTC

Hi Sharad,

Thank you for contacting Syncfusion support.

To trim the values in the DropDownList and show the values on tooltip, you can render the tooltip control for the DropDownList and use its BeforeRender event to set the value as the tooltip content. Kindly refer to the following code snippet.

@Html.EJS().Tooltip("Tooltip").ContentTemplate(@<div>

@Html.EJS().DropDownList("dropdowns").Width("300px").Placeholder("Select a value").Value((string)ViewBag.value).DataSource((object)ViewBag.data).Fields(new DropDownListFieldSettings

{ Text = "Name", Value = "Eimg" }).Render()

</div>).BeforeRender("onBeforeRender").Render()

function onBeforeRender(e) {

let value = document.getElementById('dropdowns').ej2_instances[0].text;

this.content = value;

this.dataBind();

}

We have attached a sample for your reference, please find the sample at the following link: http://www.syncfusion.com/downloads/support/forum/141138/ze/dropdownlist2098451702

Please let us know if you require any further assistance on this.

Regards,

Prince

Reply | Reply with quote

CONTACT US

To trim the long value displayed in the drop downs

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US