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

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

March 06, 2014 0 Comments

The content you're reading is getting on in years
This post is on the older side and its content may be out of date.
Be sure to visit our blogs homepage for our latest news, updates and information.

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
                return this.layoutTemplatePath;
                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()
            return false;

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.

Stefani Tacheva

View all posts from Stefani Tacheva on the Progress blog. Connect with us about all things application development and deployment, data integration and digital business.

Comments are disabled in preview mode.
Latest Stories in
Your Inbox
More From Progress
The New Mobile Development Landscape
Download Whitepaper
IDC Spotlight Sitefinity Thumbnail
Choosing the Right Digital Experience Platform to Improve Business Outcomes
Download Whitepaper
The Fastest Way to Build Mobile Apps With Cloud Data
Watch Webinar