Type ahead dropdown in Forms Builder - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Type ahead dropdown in Forms Builder

  • 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?


  • 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")


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