Using a File Field with CSS Form Designer Support

Question:

How can I use a File Field with the CSS Form Designer?

Answer:

At the moment, not all kinds of fields can be used from within the CSS Form Designer. If you would like to use a File Field in a Form created with the CSS Form Designer, there is a simple solution.

Just create a form with the CSS Form Designer and add a regular Text Field where you want the File Field to appear. After clicking OK, switch to Code View. Find the code for the Text Field that you want to have converted to a File Field.

          <li class="">
            <label class="" for="textfield3">Textfield 3</label>
            <input name="textfield3" type="text" class="" id="textfield3" />
          </li>

Now all you have to do is change the type from text to file:

          <li class="">
            <label class="" for="filefield1">Filefield 3</label>
            <input name="filefield1" type="file" class="" id="filefield1" />
          </li>

The Text Field has now been converted to a File Field.

Give it a try and see what happens! I'd really appreciate your feedback on your results! If you have any questions just let me know!