Categories
Bloggers
Blogs RSS feed

How To Display a Specific Selected Form From a Dropdown in Sitefinity CMS

by Stefani Tacheva

This Sitefinity content management code sample meets the following requirements: When a user selects a dropdown item, a form corresponding to the selected item will be opened in the form section of the CMS. If a user chooses another item from the dropdown, some other form will be opened. User will fill up the form and upon clicking on the submit button, a form response will be saved.

In the sample we inherit for our FormsControl. The reason why we choose the following approach lies on the fact that the control is working with the Id of the form after it is selected and could be used on the frontend to display the selected form.

public class FormsControlCustom : FormsControl

Then we override the template path:

public override string LayoutTemplatePath
        {
            get
            {
                return this.layoutTemplatePath;
            }
            set
            {
                base.LayoutTemplatePath = value;
            }
        }

and pass a value to the LayoutTemplatePath parameter:

public string layoutTemplatePath = "~/FormsControlCustomTemplate.ascx";

On InitializeControls method we get all the forms and especially their IDs and Titles. Then we populate the RadComboBox with all forms and pass the ID as a query string.

var selectedValue = HttpContext.Current.Request.QueryString["formId"];

JavaScript placed on the template:

<script language="javascript" type="text/javascript">
    function OnClientSelectedIndexChanged(sender, eventArgs) {
        var item = eventArgs.get_item();
        //sender.set_text("You selected " + item.get_text());
        var currentHref = window.location.href.split("?")[0];
        if (currentHref) {
            var redirectString = currentHref + "?formId=" + item.get_value()
            window.location.replace(redirectString);
            return false;
        }
    }
</script>

OnClientSelectedIndexChanged method we make a redirection to the selected form in order to get the correct results.

You could download the whole code sample from here.

Leave a comment