Type ahead dropdown in Forms Builder

Posted by joe.fawcett@kaplan.co.uk on 08-Oct-2019 08:24

We're using Sitefinity 12 and are building a form that can be managed by the business. There are a number of answers to questions on the from that are lengthy dropdowns with hundreds of options so we'd like type ahead functionality whereby the list is filtered based on the letters entered in a textbox. The dropdown options will be maintained in Sitefinity, probably a dynamic module but other options such as a database as possible.

Does this sort of control exist already or do we need to build ourselves?

Thanks

All Replies

Posted by jread on 27-Oct-2019 17:39

If you just want to manage the dropdown options from the UI you can create a custom template for the dropdown form widget then use a Kendo Autocomplete widget to wrap the dropdown element.

To access the Kendo that ships with Siteifnity add these to your template:

@using Telerik.Sitefinity.Frontend.Mvc.Helpers;

@using Telerik.Sitefinity.Modules.Pages

@Html.Script(ScriptRef.JQuery, "head")

@Html.Script(ScriptRef.KendoAll, "head")

@Html.StyleSheet(Url.EmbeddedResource("Telerik.Sitefinity.Resources.Reference", "Telerik.Sitefinity.Resources.Scripts.Kendo.styles.kendo_common_min.css"), "bottom")

@Html.StyleSheet(Url.EmbeddedResource("Telerik.Sitefinity.Resources.Reference", "Telerik.Sitefinity.Resources.Scripts.Kendo.styles.kendo_default_min.css"), "bottom")

www.progress.com/.../for-developers-access-kendo-libraries-that-are-shipped-with-sitefinity

Here is the refeerence to the the kendo autocomplete: demos.telerik.com/.../index

This thread is closed