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
        {
            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
 
 
Latest Stories in
Your Inbox
Subscribe
More From Progress
New_Mobile_Dev_Ebook_Progress_Website_Thumbail
The New Mobile Development Landscape
Download Whitepaper
 
IDC Spotlight Sitefinity Thumbnail
Choosing the Right Digital Experience Platform to Improve Business Outcomes
Download Whitepaper
 
TheFastestWayToBuildMobileAppsArtboard-2
The Fastest Way to Build Mobile Apps With Cloud Data
Watch Webinar