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

Default Blog Top Image
by Stefani Tacheva Posted on March 06, 2014
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
        {
            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.

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.
More from the author

Related Tags:

Related Products:

Sitefinity

Digital content and experience management suite of intelligent, ROI-driving tools for marketers and an extensible toolset for developers to create engaging, cross-platform digital experiences.

Get started

Related Tags

Prefooter Dots
Subscribe Icon

Latest Stories in Your Inbox

Subscribe to get all the news, info and tutorials you need to build better business apps and sites

Loading animation