Ready to get started?

Help Files / User Guides

Review the new and improved user guides including instructions on setting up the Dynamic Forms module, explanation of features,  product information, and more!

 

User Guide (PDF)

 

Demonstrations

View Dynamic Forms Demonstrations

Dynamic Forms Video Tutorial

 

Trial Version

Dynamic Forms 3.1 Trial

 

Purchase Dynamic Forms

Dynamic Forms 3.1 w/ Snowcovered


 

License Agreement

Standard Version

Enterprise Edition

 

Recently Viewed...
DNN Modules
   
    |   Register   |   Thursday, March 11, 2010   
You are here:Products  DNN Modules  Dynamic Forms  Dynamic Forms Demonstration 19  


Dynamic Forms with Various Layout Options




Please provide a number you can be reached at before and during the conference.

Please enter the number of participants in each age group:










Please provide the first names of Adult Participants.



Please complete the information below for each Child Participant.






















Here is helpful information about my child that a children's worker should know (optional).



 

The conference begins on Monday morning at 08:30 and ends on Friday after lunch.  Most families arrive on Sunday afternoon.

 






      
Dynamic Forms Demonstration 14- Building full workflow applications w/ Dynamic Forms 2.7 (Beta)

The main purpose of this demonstration is to showcase the variety of layout options available with Dynamic Forms.  This expanded form showcases the use of column spans, label width, field width, and many others. 


 

Let's begin by looking at layout settings found in Module Configuration.

 

Under General Settings, you'll find a number of settings that will affect how your form will look:

 

 

 


 

 

The Header / Footer / System Messages will allow you to add specific messages either at the top or bottom of the form, or to display a message after the user hits submit.  Keep in mind, though, any message in Display After Save message will not automatically be shown to your users UNTIL you check the 'Display Message After Save' setting in General Settings.

 

Dynamic Forms has a very user-friendly drag and drop interface to help you determine the order of your questions and fields.  However, in Module Configuration, you have another quick way to re-arrange your questions in the Dynamic Questions Sort Order.

 

Further down in Module Configuration, you'll find the section called Submit Link/Button

 

In this section, if you choose to use a link, you can specify what the link will say.  Words like 'Submit,' or 'Save' are commonly used.  You can also use a phrase like 'Continue to Checkout.'   This works best if you are using the PayPal gateway. 

 

You may also choose to use an image for your submit button and upload the file here.

 

By the same token, you can decide to use a CLEAR link or button in the next section.

 

The Style Sheet section also opens up endless possibilities.  Any alterations to the style sheet here will only affect this particular instance of the module.  If you have multiple instances throughout your site, you will need to apply the altered style sheet to each one.

 


 

 Now let's move on to individual field settings in Manage Questions.

 

When you manage individual questions, you'll find a variety of settings that are available to you.  However, for this demonstration, we will focus on the section called Question Look and Feel, as well as the Question Header and Footer.

 

Look at the form above again and find the field that says 'Children Age 3-4.'  Notice that it's in a separate column as the first question.  Also notice that the field size is much smaller than normal.  Let's take a look at the Look and Feel settings for this question:

 

Now look for the field called "Additional Information" towards the bottom of the form.  Compare the Look and Feel section here:

 

 

 The note between the Field Label and the multi-line textbox field was added in the Header and Footer section.

 

 

Now let's look at the field that says, "How will you be arriving for the conference?" (under the Additional Information).  You'll find the settings illustrated here right below the Field Type Options.  Notice that this a radio button field type and the options are displayed horizontally.

 

 

 

However, additional settings were needed this field appear this way.  Let's take a moment to look at the Question Look and Feel for this particular field.

 

 

 

 The same will hold true for the Checkbox Group field type.

 

 

tip6.gifWould you like to setup your form just as this demonstration is setup? If so simply download this template and copy it to your DNN Portals Home Directory to use the IPORTABLE feature of the module (Select Import Content from the module menu and import the template):

Download Demonstration XML Export - Import into your module

Feedback Comments
Records per Page
Page 1 of 1First   Previous   Next   Last   
Richard Bailey         2/11/2010 7:11:14 PM
I don't think this column span demo acurately represents very well Across numerous forms, I have found the science involved to get column span and form alignment almost deters me from even using Dynamics Forms... I keep expecting that the next release or the next version will provide maybe a flag we can turn on to see just how many columns there are, or maybe even a checkbox for a field if we just want it to span all columns. Instead, I just deal with the hours of tedious tweaking to get a form aligned correctly. Submitted By: Richard Bailey

Dan Cowan         1/26/2010 6:05:49 AM
Horizontal radio button options... It was not available in the trial version I used. Once I updated to my paid version it appeared and worked as expected. Thanks, Dan Submitted By: Dan Cowan

Dan Cowan         1/25/2010 9:13:35 PM
Horizontal radio button options... The last two options: Selection Type and Row Numbers don't appear available in the latest release. What gives? Submitted By: Dan Cowan

jenny jelinek         8/8/2009 7:54:43 AM
Custom HTML Field Hi, I am building an order form for my client. The form with the fields below should be on one line. I will compute the TotalAmount from the quantity the viewer enters. My problem: The TotalAmount field does not/will not follow the last field in the row (ItemPrice). It always starts a new row. Item description(Custom HTML Field) ItemQuantity(text box) ItemPrice(label field) TotalAmount(Custom HTML Field) What am I doing wrong? How many columns do I have to work with? Are there limitations on the Custom HTML Field that I need to know about? Thanks. Jenny Denver, CO 303-808-2816 Submitted By: jenny jelinek

Feedback





Enter the code shown above in the box below
Send

 
Copyright 2005 - 2010 by Data Springs, Inc.
Contact Us | Terms Of Use | Privacy Statement