en-USzh-CNes-ESfr-FR
Search
You are here:Support  >  Articles
Articles
How to create a multi-column layout form through DNNSmart.QuickForm module?

How to create a multi-column layout form?

In fact, it’s quite easy to create one multi-column layout form, you just need to put several controls in the same one row.


How to put several controls in one row?

Please see our example below, then you will see. It’s an animation.

1.Please add one control “textbox” and name it “City” in one row. Regarding how to add and edit a field, you can refer to our user manual.
2.Please drag another one “textbox” control and drop it in the row where you put “City” above, we name this “textbox” as “Zip”.
3.Please repeat operation above and put another one dropdown list control named “Country”.
In this way, one three-column form is created.
Tip: When you drag and drop a new control in one row, this new control will always be put at the far right of the page.


How to adjust the order of different controls in one row?

Please see screenshot below, there are arrows included in each control.

#1. If you click this arrow, this control will be moved to the left.

#2. If you click this arrow, this control will be moved to the right.


More Info

When you create a multi-column layout form, we suggest checking “Vertical” option on Form styles page. See screenshot below.

If you only need one column layout form, you can choose “Horizontal” option.


That’s all! Thanks for your reading. I believe that you would know how to create a multi-column layout form after reading this article. If you have any question, please send an email to us directly.
about author

DNNSmart

Developer

Although DNNSmart was newly founded in August 2012, we devoted to DNN development work since 2008. We specializes on the DotNetNuke (DNN) Content Management System including DNN skin design, DNN programming and website construction. Our development team is located in China, our professional and outstanding developers are passionate about web design, programming and web applications.

Comments (0)

    Leave a comment

    2000 character(s) remaining. Comment limited to 2000 characters.
    Post Comment
    Support
    Search
    Calendar
    Categories
    Authors
    Archives
    Most
    • online quran says: Online Quran

      Sep 30, 2019
    • iwantcheats says: Iwantcheats

      Sep 30, 2019
    • Online Quran Academy says: Online Quran Academy

      Sep 30, 2019
    • Learn Quran Online says: Learn Quran Online

      Sep 30, 2019
    • bilal khan says: Stunning! This could be one unequivocal of the most productive regions We ave ever get together transversely over as for this issue. Genuinely Excellent. I am in addition an expert in this subject so I can comprehend your exertion.



      Walnoten

      Sep 29, 2019
    • macrame toran says: Thanks for this beautiful blog if you want to learn macrame arts then contact me any time

      Sep 28, 2019
    Home   |   EffectCollection   |   DNNSmart Store   |   Membership   |   Free Downloads   |   Support   |   Service
    Quick Contact