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

Posted on 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
        {
            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.

Comments

Comments are disabled in preview mode.
Topics

Sitefinity Training and Certification Now Available.

Let our experts teach you how to use Sitefinity's best-in-class features to deliver compelling digital experiences.

Learn More
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