Forums

Hi,

I had created a form. I want to edit the form. How do I edit the form in Wizard mode where I can see the layout?

Hi brolin,

unfortunately this option is not allowed with the current version, the wizard is used to create new forms only!

Regards

Max

1. IMHO, re-editing the form in the wizard would be a very useful feature. Otherwise, we would need to get the form perfect the first time, every single time! (which rarely happens)

2. Perhaps could look into formatting the form wizard's automatic output to something more legible/editable? Some clear segregation (spaces, new lines, tabs) is badly needed! This generated code is hard to read:

<div  class="form_item"><div class="form_element cf_heading"><h2 id="" class="cf_text">Workshop Sign up</h2></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_text"><span class="cf_text">Venue: Venue1</span></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Prefix</label><select class="cf_inputbox" id="select_2" size="1" name="select_2"><option value="Mr.">Mr.</option><option value="Ms.">Ms.</option></select></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Applicant's Full Name</label><input class="cf_inputbox required" maxlength="150" size="30" id="text_4" name="text_4" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" border="0" height="16" width="16"></a><div  class="tooltipdiv">Applicant's Full Name :: Enter your name</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Organization</label><select class="cf_inputbox" id="select_5" size="1" name="select_5"><option value="Organization 1">Organization 1</option><option value=" Organization 2"> Organization 2</option><option value=" Other"> Other</option></select><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" border="0" height="16" width="16"></a><div  class="tooltipdiv">Organization :: Select "Other" if your organization is not listed.</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Other Organization</label><input class="cf_inputbox" maxlength="150" size="30" id="text_6" name="text_6" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" border="0" height="16" width="16"></a><div  class="tooltipdiv">Other Organization :: Only fill in this box if you have selected "Other" Organization.</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Email Address</label><input class="cf_inputbox validate-email" maxlength="150" size="30" id="text_7" name="text_7" type="text"></div><div class="clear"> </div></div>

Keep up the great work on CF3.0!

Hi kai920,

I recommend one of the versions of HTML Tidy for making the code readable.

<div class="form_item">
  <div class="form_element cf_heading">
    <h2 id="" class="cf_text">Workshop Sign up</h2>
  </div>

  <div class="clear">
     
  </div>
</div>

<div class="form_item">
  <div class="form_element cf_text">
    <span class="cf_text">Venue: Venue1</span>
  </div>

  <div class="clear">
     
  </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Prefix</label><select class="cf_inputbox" id=
    "select_2" size="1" name="select_2">
      <option value="Mr.">
        Mr.
      </option>

      <option value="Ms.">
        Ms.
      </option>
    </select>
  </div>

  <div class="clear">
     
  </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Applicant's Full Name</label><input class=
    "cf_inputbox required" maxlength="150" size="30" id="text_4" name="text_4"
    type="text"><a onclick="return false;" class="tooltiplink"><img src=
    "components/com_chronocontact/css/images/tooltip.png" class="tooltipimg"
    border="0" height="16" width="16" alt="image"></a>

    <div class="tooltipdiv">
      Applicant's Full Name :: Enter your name
    </div>
  </div>

  <div class="clear">
     
  </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Organization</label><select class="cf_inputbox" id=
    "select_5" size="1" name="select_5">
      <option value="Organization 1">
        Organization 1
      </option>

      <option value=" Organization 2">
        Organization 2
      </option>

      <option value=" Other">
        Other
      </option>
    </select><a onclick="return false;" class="tooltiplink"><img src=
    "components/com_chronocontact/css/images/tooltip.png" class="tooltipimg"
    border="0" height="16" width="16" alt="image"></a>

    <div class="tooltipdiv">
      Organization :: Select "Other" if your organization is not listed.
    </div>
  </div>

  <div class="clear">
     
  </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Other Organization</label><input class=
    "cf_inputbox" maxlength="150" size="30" id="text_6" name="text_6" type=
    "text"><a onclick="return false;" class="tooltiplink"><img src=
    "components/com_chronocontact/css/images/tooltip.png" class="tooltipimg"
    border="0" height="16" width="16" alt="image"></a>

    <div class="tooltipdiv">
      Other Organization :: Only fill in this box if you have selected "Other"
      Organization.
    </div>
  </div>

  <div class="clear">
     
  </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Email Address</label><input class=
    "cf_inputbox validate-email" maxlength="150" size="30" id="text_7" name=
    "text_7" type="text">
  </div>

  <div class="clear">
     
  </div>
</div>

Bob

Thanks Bob, that slipped my mind!

Could this be integrated into CF3 somehow?

you can do this with the PHP tidy extension but it must be installed on the server which is something not guaranteed, maybe I will find some way to make it more readable, thanks for the earlier suggestions!

Cheers

Max