Tableless Form layout css

Permalink 1 user found helpful
I need assistance with setting the layout of a form. I am creating an application form and I would like to be able to position the form questions in a specific layout. I have downloaded the "tableless_layout" from the market, but I haven't used css in this way for a long time. Can someone assist me with some examples of how to incorporate the tableless_layout code and css?



Here is the tableless_layout code:

<?php
/************************************************************
 * DESIGNERS: SCROLL DOWN! (IGNORE ALL THIS STUFF AT THE TOP)
 ************************************************************/
defined('C5_EXECUTE') or die("Access Denied.");
$survey = $controller;
$miniSurvey = new MiniSurvey($b);
$miniSurvey->frontEndMode = true;
//Clean up variables from controller so html is easier to work with...
$bID = intval($bID);
$qsID = intval($survey->questionSetId);
$formAction = $this->action('submit_form').'#'.$qsID;
$questionsRS = $miniSurvey->loadQuestions($qsID, $bID);
$questions = array();
while ($questionRow = $questionsRS->fetchRow()) {


Any help is greatly appreciated.

 
hostco replied on at Permalink Reply
hostco
Hi,

This add-on installs a custom template for the default form block.

Click on the form block while in edit mode and select "custom template" instead of "edit".

From there select the "tableless" custom template then click save.
rpd882002 replied on at Permalink Reply
I understand how to do that. I need help creating the css to style the tableless form. How do I add css to the tableless form to custom place each of the 60 question entries where I want them to be positioned in the form block?