Form fields alignment

Hi
i have a form with multiple input components on the page and each of the components are in it's own line and like it that way for most of them, but there are couple of fields i like to show in one line, what component should i use for this.
if i use <af:panelHorizontal> this line is not aligned properly with the rest of the form fields. if i surround this with <af:panelLabelAndMessage> it looks better except that it showing blank space for label.
Regards
Rao

Use af: panelHorizontal and fine-tune layout using CSS.
ADF Faces page layout properties can be customized using standart CSS elements using inlineStyle attribute

Similar Messages

PDF form field alignment - Right to Left

Actually I developed a form which pushes the entire PDF as an attachment by email when pressing on a send button created within the form.
I have also added a text to appear within the email body message in Arabic language but its appearing on the left side of the screen and I want the alignment to be set by default to right.
The code I use for the email body message to appear is:
// Set the body text for the email message
var cBody = "\n\nشكراً على تفاعلكم و مشاركتكم.\n" +
"يرجى حفظ البريد المرسل كمرجع للبطاقة المرسلة";
I noticed in outlook that the text direction is active once the pdf is ready to be pushed by email, hope this snap will clear it up for you guys.
I still though need to add a script to make it appear on the right without human intervention.

Well I dont think so since we can add to the sentences in the script spaces[ ], new lines [\n],etc.. then we should be able to align them somehow.

Aligned Form Fields Do Not Display Correctly Where Visible Borders Overlap?

I'm on creating some forms & checklists for the company I work for to simplify our project workflow. When adding text fields to the form I'd like to add borders to segregate the various fields & make the form more presentable.
The problem I'm having, is that I'm unable to place fields immediately adjacent one another without leaving a gap. If I do & use the snap to grid option, aligning the top of one field with bottom of another, it does not display correctly when printed. The border lines appear to have differing thicknesses where they touch & this makes the form look terrible. Currently I'm having to create the borders in an excel spreadsheet, convert to pdf & add borderless fields within the pre printed borders. While this gives me the look i want, if I later want to add to or amend the form I have to start from scratch first modifying the initial excel layout which is too time consuming. I'm using Acrobat X Pro. Any assistance appreciated.
Regards
John

There are at least two techniques to allow you to change the underlying layout and remake the static part of the PDF, without having to redo the form fields (except new ones, and moving as needed).
That is replace pages and copy-paste of form fields.

I Cannot seem to type spaces in a right aligned form field

Well, that's not quite true, spaces can be added , but only after entering the text. For example, if I type 3456 Taylor Ave., what I get is 3456TaylorAve, and then I have to go back in and enter the spaces. Since this form will be used by numerous employees and sent out to customers, I am afried this will result in lots of unprofessional looking documents. Does anyone know of a setting I should be turning on to correct this? It only happens in form fields with right-alined text.
I'm working in OSX 10.5.8 in Acrobat CS3.
Thanks in advance!

Here is the screen grab - I show the field text as I entered it on top, then an edited version on the bottom where I manually added the spaces after entering the text.
Thanks.

What is the best way to clone a form field in BC

Hi,
What is the best way to clone a form field in BC. I tried using jquery .clone. It works fine on other forms for me but not on the BC forms, why? is it just me? Any help would be great. Thanks

I mean, duplicate a field with the click of a button.
I think this should work, but it's not and I am linked to the jquery library in the head of my page.
<script type="text/javascript">
$(document).ready(
function() {
    $('input#tmpAddRow').click(
      function($e) {
        $e.preventDefault();
        $('tr#tmp').clone(true).removeAttr('id').appendTo('tbody');
    $('tr input[type=text]').focus(
      function() {
        $(this).addClass('myFocused');
    ).blur(
      function() {
        $(this).removeClass('myFocused');
    </script>
<img alt="" style="border: 0px solid; width: 200px; height: 134px; float: left;" src="/images/pv logo 3d.png" />
<h3 style="text-align: center; color: #0000ff; text-shadow: #999999 0px 1px 5px;">Member Directory Listing</h3>
<p style="text-align: center;">If you would like to be listed in the Pine Valley Middle School Directory, please fill out this form. Only fill out the areas you would like to show up in our Directory.</p>
<div style="margin-left: 130px;" class="form_bg">
<form action="/CustomContentProcess.aspx?CCID=5656&OID={module_oid}&OTYPE={module_otype }" method="post" enctype="multipart/form-data" onsubmit="return checkWholeForm45842(this)" name="catcustomcontentform45842">
    <table cellspacing="0" cellpadding="2" border="0" class="webform">
        <tbody>
            <tr>
                <td id="tmp"><label for="ItemName">First Name</label><br />
                <input type="text" value="{module_firstname}" maxlength="255" id="ItemName" name="ItemName" class="cat_textbox_small" /><br />
                <input type="button" id="tmpAddRow" value="Add a Row" />
                </td>
            </tr>
            <tr>
                <td><label for="CAT_Custom_131512">Last Name</label><br />
                <input type="text" value="{module_lastname}" class="cat_textbox" id="CAT_Custom_131512" name="CAT_Custom_131512" maxlength="1024" /></td>
            </tr>
            <tr>
                <td><label for="CAT_Custom_131509">Number</label><br />
                <input type="text" value="{module_homephone}" class="cat_textbox" id="CAT_Custom_131509" name="CAT_Custom_131509" maxlength="1024" />
                </td>
            </tr>
            <tr>
                <td><label for="CAT_Custom_131510">Email</label><br />
                <input type="text" value="{module_emailaddress}" class="cat_textbox" id="CAT_Custom_131510" name="CAT_Custom_131510" maxlength="1024" /></td>
            </tr>
            <tr>
                <td><label for="ItemAddress">Address</label><br />
                <input type="text" value="{module_homeaddress}" maxlength="500" class="cat_textbox" id="ItemAddress" name="ItemAddress" />
                </td>
            </tr>
            <tr>
                <td><label for="ItemCity">City</label><br />
                <input type="text" value="{module_homecity}" maxlength="255" class="cat_textbox" id="ItemCity" name="ItemCity" /></td>
            </tr>
            <tr>
                <td><label for="ItemState">State</label><br />
                <input type="text" value="{module_homestate}" maxlength="255" class="cat_textbox" id="ItemState" name="ItemState" />
                </td>
            </tr>
            <tr>
                <td><label for="ItemZip">Zipcode/Postcode</label><br />
                <input type="text" value="{module_homezip}" maxlength="255" class="cat_textbox" id="ItemZip" name="ItemZip" /></td>
            </tr>
            <tr>
                <td class="hidden"><label for="FirstName">First Name</label><br />
                <input type="text" value="{module_firstname}" class="cat_textbox" id="FirstName" name="CAT_Custom_131511" maxlength="1024" /></td>
            </tr>
            <tr>
                <td><input type="submit" id="catcustomcontentbutton" value="Submit" class="cat_button" /></td>
            </tr>
        </tbody>
    </table>
    <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
    <script type="text/javascript" src="/CatalystScripts/Java_DatePicker.js"></script>
    <script type="text/javascript">
//<![CDATA[
var submitcount45842 = 0;function checkWholeForm45842(theForm){var why = "";if (theForm.ItemName) why += isEmpty(theForm.ItemName.value, "Item Name");if (theForm.Days) why += isNumericIfVisible(theForm.Days, "days"); if (why != ""){alert(why);return false;}if(submitcount45842 == 0){submitcount45842++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
    <script type="text/javascript">
    jQuery("#ItemName").blur(function(){
        jQuery("#FirstName").val(jQuery("#ItemName").val());
</script>
</form>
</div>

Single and double quotes entered in form field cause corruption?

I am creating a database change request system using in APEX 2.2 and the main form has a description field (clob) and a API_description field (varchar2(4000)) that are text area fields on the page. The form seems to have trouble when the string data entered into the text area page items on the form contain single and double quotes.
<br><br>
I have pasted my test data below in this problem description(this is not true sql but it gets the point accross). I use the wizard created insert process to get the data into the db from the text fields in the wizard generated form, then use the wizard created fetch process to get the data back out and rendered on the same form. When I use the test data below, sometimes a few characters dissappear from my input data on the way out, sometime form fields go away, and their html is interspersed with the previous form field's data on the page. And I get different results on different tests with the same data.
<br><br>
Do I have to do something special for a vanilla htmldb text page item on a form to be able to receive single and double quotes in the string input in order to avoid that string data confusing the processing on the way in to the Database or on the way out for rendering?
<br><br>
Do I have to escape the characters? How do I do this?
<br><br>
The "varchar2(1) := ‘A’" part of the below TEST DATA string seem to cause the most trouble. The behavior is erratic - sometimes the pattern works, sometimes html is interspersed in one place, sometimes another (on the way back out)
<br><br>
START TEST DATA:
Add column pcl3_data_ind varchar2(1) to edc_tran,edc_log, edc_recreate_tran table
Or
Create a file with following sql in it
Insert into sometable values(‘A’,sysdate);
Or
create new table as follows
create table “someschema”.“sometable”
(id number not null,
Name varchar2(20) not null,
Join_date sysdate
Active varchar2(1) := ‘A’
END TEST DATA:
<br><br>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Here is an example of the test data being displayed after being fetched back out of oracle (this will look like gibberish when rendered in the forum system (end of problem description except for example):
<br><br>
env
Add column pcl3_data_ind varchar2(1) to edc_tran,edc_log, edc_recreate_tran table
Or
Create a file with following sql in it
Insert into sometable values(‘A’,sysdate);
Or
crete new tableas follws
crate table “somesca”.“sometable”
har2(20) not null,
Join_date sysdate
Active varchar2(1) := ‘A’
woextarea>
<a class="eLink" title="Edit" href="javascript:popupURL('f?p=4000:371:204538675714370::::P371_ID,FB_FLOW_ID,FB_FLOW_PAGE_ID:1034609472735510,104,2');" tabindex="999"><img src="/i/e.gif" alt="Edit" class="eLink" /></a></td></tr><tr><td nowrap align="right"><label ...

I found a good php related post that has a nice set of the potentially problematic characters (this is in the context of word pasted into IE I think). I am pretty confident that at least single curly quotes do not work well in apex 2.2). I would not be surprised if some of the others were trouble as well.:
http://lists.evolt.org/archive/Week-of-Mon-20030602/141975.html
here is the list
$trans_tbl[chr(34)] = '"' ;          //      quote
          $trans_tbl[chr(38)] = '&' ;          //      ampersand
          $trans_tbl[chr(60)] = '<' ;          //      less-than
          $trans_tbl[chr(62)] = '>' ;          //      more-than
          $trans_tbl[chr(128)] = '€' ;     //      euro
          $trans_tbl[chr(129)] = '€' ;      //     euro
          $trans_tbl[chr(130)] = '‚' ;      //     low quote
          $trans_tbl[chr(131)] = 'ƒ' ;      //     florin
          $trans_tbl[chr(132)] = '„' ;      //      double low quote
          $trans_tbl[chr(133)] = '…' ;      //     ellipsis
          $trans_tbl[chr(134)] = '†' ;     //     dagger
          $trans_tbl[chr(135)] = '‡' ;      //     double dagger
          $trans_tbl[chr(136)] = 'ˆ' ;      //     circumflex
          $trans_tbl[chr(137)] = '‰' ;      //     per thousand
          $trans_tbl[chr(138)] = 'Š' ;      //     S caron
          $trans_tbl[chr(139)] = '‹' ;      //     left angle quote
          $trans_tbl[chr(140)] = 'Œ' ;      //     OE ligature
          $trans_tbl[chr(142)] = 'Ž' ;      //     Z caron
          $trans_tbl[chr(145)] = '‘' ;      //     left single quote
          $trans_tbl[chr(146)] = '’' ;      //     right single quote
          $trans_tbl[chr(147)] = '“' ;      //     left double quote
          $trans_tbl[chr(148)] = '”' ;      //     right double quote
          $trans_tbl[chr(149)] = '•' ;      //     bullet
          $trans_tbl[chr(150)] = '–' ;      //     en dash
          $trans_tbl[chr(151)] = '—' ;      //     em dash
          $trans_tbl[chr(152)] = '˜' ;      //     small tilde
          $trans_tbl[chr(153)] = '™' ;      //     trademark
          $trans_tbl[chr(154)] = 'š' ;      //     small s caron
          $trans_tbl[chr(155)] = '›' ;      //     right angle quote
          $trans_tbl[chr(156)] = 'œ' ;      //     oe ligature
          $trans_tbl[chr(158)] = 'ž' ;      //      small z caron
          $trans_tbl[chr(159)] = 'Ÿ' ;      //     Y with diaeresis
<br>
-Geoffrey

Guidelines, Form Fields and Tab Order

I've been fighting a form for about two weeks now with Acrobat 9 Pro. I used guidelines to make sure I could get 2 buttons and a field aligned properly. I have 92 instances of this arrangement. When I reopened the file after I had worked on it for a couple of hours (precisely positioning the guidelines so that I could have consistent field sizes), the guides were gone. What happened. It has now happened three times. I ended up keeping the computer on for 5 days just because I didn't want to lose the guides.
I'm having a similar problem with the selection for tab order. I have right clicked on the page on the left panel, chosen page properties and set tab order to unspecified. I then reorder the fields in the field panel and save the file. When I open the file again, the tab order is unchecked and the fields are not in the order I left them.
Does anyone have any idea why I'm losing my sanity with this Acrobat form. I did it in Acrobat because I thought it would be easier than LiveCycle Designer.
I am duplicating a print form. This means there are 92 places where I have a small button (visible but doesn't print) which executes a JavaScript when pressed to show another button (because it has an icon which will circle the date indicated in a field. I'm thinking I should have the small button on top, aligned on the bottom with the field for the date and the circle icon as the bottom button. How do I get all of these fields and buttons (a mere 276) to go in the right order and stay that way?
Warren Bingham

Warren wrote: "I'm having a similar problem with the selection for tab order. I have right clicked on the page on the left panel, chosen page properties and set tab order to unspecified. I then reorder the fields in the field panel and save the file. When I open the file again, the tab order is unchecked and the fields are not in the order I left them."
In the left panel, in the Sort drop-down list, you have Tab Order selected, right? In the Tab Order drop-down list, is Order Tabs Manually selected?
I am not able to get any menu by right-clicking on the page in the left panel. Can anyone tell me, is there another way to view the page properties while in Form Editing? I'm not finding it in any of the regular menus (menu bar) and I'd like to verify the setting Warren mentioned, for troubleshooting my own problems with tab order.
EDIT -- Of course, as soon as I type it out, I discover the cause. I thought he meant the page in the Form Editing view, but no, I have to open the Pages view and right-click on each page. (Oddly, no options were selected at all. Usually a radio button set will default to the most popular option.) So -- sorry, never mind me.

Form Field Appear on Value Entered

I am running Coldfusion 9 and building a website using Dreamweaver from CS5.
Is there a way to make a form field appear only if a certain value was entered into the previous form field? If so how? For example I am creating a registration page and one of the form fields is "Property Type" where the user can choose from "Residential, Commercial, Other" from a drop down menu and if the user chooses "Commercial" I want an additional field to pop up for the user to enter a value in "Company Name"??? Thanks for your help

WolfShade,
My apologizes for posting this question in the wrong forum. Since I have already started the discussion here I will ask you my question here still. I put in the lines of code you suggested however when I go to the drop down list and select "Commercial" no text input box appears for the Company Name field. If you have a min I will post my code below. Your help is very much appreciated. I should let you know I also tried adding the on change to the actual option tag for commerical i.e <option onChange...>Commercial</option> and still did not appear. I put the work area in red text hope it helps.
<cfif IsDefined("FORM.username")>
<cfquery name="MM_search" datasource="Access">
    SELECT Logininfo.Username FROM Logininfo WHERE Logininfo.Username=<cfqueryparam value="#FORM.username#" cfsqltype="cf_sql_clob" maxlength="50">
</cfquery>
<cfif MM_search.RecordCount GTE 1>
    <cflocation url="taken.cfm?requsername=#FORM.username#" addtoken="no">
</cfif>
</cfif>
<cfset CurrentPage=GetFileFromPath(GetBaseTemplatePath())>
<cfif IsDefined("FORM.MM_InsertRecord") AND FORM.MM_InsertRecord EQ "customer">
<cfif IsDefined('form.propertytype') and len(form.propertytype) NEQ 0>
<cfset #CustomerTypeRefFullName#=form.propertytype/>
</cfif>
<cfif IsDefined('form.companyname') and len(form.companyname) NEQ 0>
<cfset #CompanyName#=form.companyname/>
</cfif>
<cfif IsDefined('form.salutation') and len(form.salutation) NEQ 0>
<cfset #Salutation#=form.salutation/>
</cfif>
<cfif IsDefined('form.firstname') and len(form.firstname) NEQ 0>
<cfset #FirstName#=form.firstname/>
</cfif>
    <cfif IsDefined('form.lastname') and len(form.lastname) NEQ 0>
    <cfset #LastName#=form.lastname/>
    </cfif>
<cfset Name=#FirstName#&''&#LastName#/>
<cfset BillAddressAddr1=#Salutation#&' '&#FirstName#&''&#LastName#/>
    <cfif IsDefined('form.streetaddress') and len(form.streetaddress) NEQ 0>
    <cfset #BillAddressAddr2#=form.streetaddress/>
</cfif>
    <cfif IsDefined('form.city') and len(form.city) NEQ 0>
    <cfset #BillAddressCity#=form.city/>
    </cfif>
    <cfif IsDefined('form.state') and len(form.state) NEQ 0>
    <cfset #BillAddressState#=form.state/>
    </cfif>
<cfif IsDefined('form.zipcode') and len(form.zipcode) NEQ 0>
    <cfset #BillAddressPostalCode#=form.zipcode/>
    </cfif>
<cfset Contact=#FirstName#&''&#LastName#/>
<cfif IsDefined('form.dayphone') and len(form.dayphone) NEQ 0>
    <cfset #Phone#=form.dayphone/>
</cfif>
<cfif IsDefined('form.eveningphone') and len(form.eveningphone) NEQ 0>
    <cfset #AltPhone#=form.eveningphone/>
</cfif>
<cfif IsDefined('form.email') and len(form.email) NEQ 0>
    <cfset #Email#=form.email/>
</cfif>
<cfquery datasource="QBs">
    INSERT INTO Customer (CustomerTypeRefFullName, CompanyName, Salutation, FirstName, LastName, Name, BillAddressAddr1, BillAddressAddr2, BillAddressCity, BillAddressState, BillAddressPostalCode, Contact, Phone, AltPhone, Email)
VALUES (
<cfqueryparam value="#CustomerTypeRefFullName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#CompanyName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Salutation#" cfsqltype="cf_sql_varchar" maxlength="15"/>,
<cfqueryparam value="#FirstName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#LastName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Name#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressAddr1#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressAddr2#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressCity#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressState#" cfsqltype="cf_sql_varchar" maxlength="25"/>,
<cfqueryparam value="#BillAddressPostalCode#" cfsqltype="cf_sql_varchar" maxlength="13"/>,
<cfqueryparam value="#Contact#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Phone#" cfsqltype="cf_sql_varchar" maxlength="15"/>,
<cfqueryparam value="#AltPhone#" cfsqltype="cf_sql_varchar" maxlength="15"/>,
<cfqueryparam value="#Email#" cfsqltype="cf_sql_carchar" maxlength="75"/>
</cfquery>
<cfif IsDefined('form.firstname') and len(form.firstname) NEQ 0>
<cfset #FirstName#=form.firstname/>
</cfif>
<cfif IsDefined('form.lastname') and len(form.lastname) NEQ 0>
<cfset #LastName#=form.lastname/>
</cfif>
<cfif IsDefined('form.username') and len(form.username) NEQ 0>
<cfset #Username#=form.username/>
</cfif>
<cfif IsDefined('form.password') and len(form.password) NEQ 0>
<cfset #Password#=form.password/>
</cfif>
<cfquery datasource="Access">
INSERT INTO Logininfo (FirstName, LastName, Username, Password)
VALUES (
<cfqueryparam value="#FirstName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#LastName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Username#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Password#" cfsqltype="cf_sql_varchar" maxlength="41"/>
</cfquery>
<cflocation url="login.cfm">
</cfif>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>TS Landscaping LLC</title>

<link href="styles/Main.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<script type="text/javascript">function showHideInput(ddValue,txtFld) {
if(toLowerCase(ddValue) == "commercial") {
     txtFld.style.display = '';
else {
     txtFld.style.display = 'none';
     txtFld.value = '';
</script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Container">
<div id="header"><img src="Images/Website-Image.gif" width="393" height="217" alt="TS Landscaping Logo and Name of company"></div>
<div id="menu_bar1">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="index.html">Home</a>
        <ul>
          <li><a href="#">Item 1.1</a></li>
          <li><a href="#">Item 1.2</a></li>
          <li><a href="#">Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="about_us.html">About Us</a></li>
      <li><a href="#">Services</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">User Account</a>
        <ul>
          <li><a href="login.cfm">Login</a></li>
          <li><a href="registration_page.cfm">Register</a></li>
          <li><a href="members_page.cfm">Customer Page</a></li>
        </ul>
      </li>
      <li><a href="contact_us.html">Contact Us</a></li>
    </ul>
</div>
<div id="Main">
    <div id="side_bar">Content for id "side_bar" Goes Here</div>
    <div id="main_body">
<h1>Welcome to our sign up Page!</h1>
<p>Please fill out the form below to register with out site and gain access to our members account page.</p>
<form name="customer" action="<cfoutput>#CurrentPage#</cfoutput>" method="POST" id="customer"><table width="auto" border="0" align="center">
<tr>
<td><label for="propertytype">
<div align="right">Property Type:</div>
</label></td>
    <td><select onChange="showHideInput(this.options[this.selectedIndex].value,'companyname');" name="propertytype" id="propertytype" accesskey="n" tabindex="02">
      <option selected>Residential</option>
      <option >Commercial</option>
      <option>Other</option>
    </select></td>
</tr>
<tr>
<td><label for="companyname">
<div align="right">Company Name:</div>
</label></td>
    <td><span id="sprytextfield11">
      <input type="text" name="companyname" id="companyname" accesskey="n" tabindex="03" style="display:none;">
</span></td>
   </tr>
<tr>
    <td><label for="salutation">
      <div align="right">Salutation:
        </label>
      </div></td>
    <td><select name="salutation" id="salutation" accesskey="n" tabindex="04">
      <option selected>Mr.</option>
      <option>Mrs.</option>
      <option>Ms.</option>
    </select></td>
</tr>
<tr>
    <td><label for="firstname">
      <div align="right">First Name:
        </label>
      </div></td>
    <td><span id="sprytextfield1">
      <input type="text" name="firstname" id="firstname" accesskey="n" tabindex="05" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="lastname">
      <div align="right">Last Name:
        </label>
      </div></td>
    <td><span id="sprytextfield2">
      <input type="text" name="lastname" id="lastname" accesskey="n" tabindex="10" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="streetaddress">
      <div align="right">Street Address
        </label>
      </div></td>
    <td><span id="sprytextfield3">
      <input type="text" name="streetaddress" id="streetaddress" accesskey="n" tabindex="15" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="city">
      <div align="right">City:
        </label>
      </div></td>
    <td><span id="sprytextfield4">
      <input type="text" name="city" id="city" accesskey="n" tabindex="20" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="state">
      <div align="right">State:
        </label>
      </div></td>
    <td><span id="sprytextfield5">
      <input type="text" name="state" id="state" accesskey="n" tabindex="25" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="zipcode">
      <div align="right">Zipcode:
        </label>
      </div></td>
    <td><span id="sprytextfield6">
      <input type="text" name="zipcode" id="zipcode" accesskey="n" tabindex="30" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
    <tr>
    <td><label for="dayphone">
      <div align="right">Day Phone:</div>
    </label></td>
    <td><span id="sprytextfield8">
      <input type="text" name="dayphone" id="dayphone" accesskey="n" tabindex="31">
</span></td>
    </tr>
      <tr>
    <td><label for="eveningphone">
      <div align="right">Evening Phone:</div>
    </label></td>
    <td><span id="sprytextfield9">
      <input type="text" name="eveningphone" id="eveningphone" accesskey="n" tabindex="32">
</span></td>
    </tr>
      <tr>
    <td><label for="email">
      <div align="right">Email:</div>
    </label></td>
    <td><span id="sprytextfield10">
      <input type="text" name="email" id="email" accesskey="n" tabindex="33">
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
    </tr>
<tr>
    <td><label for="username">
      <div align="right">Username:
        </label>
      </div></td>
    <td><span id="sprytextfield7">
      <input type="text" name="username" id="username" accesskey="n" tabindex="40" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="password">
      <div align="right">Password:
        </label>
      </div></td>
    <td><span id="sprypassword1">
      <input type="password" name="password" id="password" accesskey="n" tabindex="45" />
      <span class="passwordRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="passwordconfirm">
      <div align="right">Confirm Password
        </label>
      </div></td>
    <td><span id="spryconfirm1">
      <input type="password" name="passwordconfirm" id="passwordconfirm" accesskey="n" tabindex="50">
      <span class="confirmRequiredMsg">A value is required.</span><span class="confirmInvalidMsg">The values don't match.</span></span></td>
</tr>
<tr>
    <td colspan="2"><div align="center">
      <input type="submit" name="submit" id="submit" value="Register" accesskey="n" tabindex="50" />
    </div></td>
    </tr>
</table>
<input type="hidden" name="MM_InsertRecord" value="customer" />
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "password");
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8", "none", {isRequired:false});
var sprytextfield9 = new Spry.Widget.ValidationTextField("sprytextfield9", "none", {isRequired:false});
var sprytextfield10 = new Spry.Widget.ValidationTextField("sprytextfield10");
var sprytextfield11 = new Spry.Widget.ValidationTextField("sprytextfield11", "none", {isRequired:false});
</script></div>
</div>
<div id="footer">
    <p>Home | About Us | Site Map </p>
    <p>© TS Landscaping LLC 2010</p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
</body>
</html>

How to create new form fields in several columns (spreadsheet) and have them named consecutively?

Hopefully someone can help. I created a new form from an Excel spreadsheet, but the form field recognition didn't "take" well and very little of the spreadsheet translated into form fields. I need to create new fields (31) for each column (about 10) and I want the fields in each column to have a keyword from the parent column and the fields numbered consecutively. I'm really hoping I don't have to do this manually!
Next, is there a way to total the values in a column of fields (the same as the SUM function in Excel?) or does the form user have to dig out a calculator and add everything?
Can I create an email (submit) button and direct how (ie email) and by what method the form is sent?
Once the form is completed, is there a way for the user to lock it before sending it - ie a button they could press to make it no longer fillable? Or can I set the document to be a regular .pdf once it leaves the host machine?
I think that's it! Hopefully someone can help soon - this is a work project that could be potentially very time consuming if I have to create each form field manually. Thank you for any assistance!
Cheers,
LostintheNorth

LostintheNorth wrote:
Rats! Thank you for your link - I may take you up on that... however for the purposes of this form I'm more than halfway done, so I might as well keep plugging away. A workaround I found was to creat 32 of something I only need 31 of, then delete the parent. Somehow even playing with spacing on the "create multiple fields" option as the fields are being created only gets the vertical alignment close - no matter what I do I still end up manually aligning (vertically) 31 little boxes for each column so they fit visually. Grrrr.
Yes, this can be very tricky. If you don't get the exact right offset between each field, the difference will accumulate and after a while it will be completely off.
You just have to play around with it, until you get it right. Or almost right, and then adjust it manually.
Another thing I've noticed, is that when you select one field and right click for properties, you get an expanded version, as opposed to select/shift/enter for a bunch of cells only yields an abbreviated properties box - what's up with that? Is there a way to change this? For instance, I had set the properties for a column of 31 cells to be number, 1 decimal place. Halfway through my project, the lady I am doing the favor for tells me she would like 2 decimal places, requiring me to manually change each box for 62 cells! Apparently cell formatting is not an option in the abreviated properties dialogue! Is there a fix for that?
No, there isn't. Some propeties you have to set manually (or get right the first time, before copying and pasting...). There is a way to do it with a script, but it's a bit complex and requires using an undocumented method.
This next question is a bit more complicated, and may not be possible. The form I am creating is for payroll purposes, so at the moment it is generic (31 days) and the user fills in the month manually. Is it possible to get the form to recognize a month value (or create a pulldown menu with a selection of months to choose from) and limit the days accordingly? Or better yet, run a calendar function so that weekends and stat holidays are highlighted on the affected row? Kind of like what you can do with an Excel spreadsheet, which is what I designed the form in at the start (then printed to .pdf - the form field recognition did NOT work well on my spreadsheet! hence me doing every cell manually). Is this even possible, and if so, is it something I could learn to do?
Yeah, it's possible, but requires quite a bit of scripting knowledge. If you wish, contact me personally (by PM or email at try6767 at gmail dot com) and I could possibly create this for you.
If you want to do it yourself, you would have to learn a lot about both the Date object in JS and about the various date printing and scanning methods in Acrobat JS.

How to keep form field and label together?

In InDesign Creative Cloud (ID CC), I need to create a 20 page form (a type of questionnaire). As a prelude to doing this, I created a one page form. I am trying to keep labels (text) and fields together, so that if I add a question in the middle of the form, everything else moves down and stays in the correct alignment and relationship. Here is what I tried.
Option 1: Anchored Fields. I created fields on a "fields" layer and labels on a "text" layer. The text layer generally had tables to help me see where fields should be placed. However, to keep fields and text in the same relationship on the page, I anchored the field to the text. Hoewever, this has the effect of moving the field object into the same layer as the text. When I tried to use the Articles panel to put the fields in correct tab order, I discovered that only fields (unanchored) that were in the forms layer could be dragged into the Articles panel; anchored fields (now in the text layer) could not be dragged into the Articles panel. Why?
I know that I could also use the Object / Interactive / Set Tabs Order command, but I wanted to use Articles to see how that works.
In this approach, I also could not figure out how to put underline the text form field
Option 2: Tabs and Character Styles. I used character styles for underlining by not using tables, but using paragraphs and tabs to align where the fields should be. I applied a character style to a right-justified tab to get the underline. However, using this option, whenever I add a new question (field + label or instruction) in the middle of the form, everything else down on the page goes out of alignment.
What recommendations do other form designers have? I have been trying to think of how IRS has "dense" or "complex" forms, and how these might be designed in InDesign CC. in order to apply similar techniques to my form design.
I am running on a Mac, OS X 10.8.4, InDesign CC.

Unless I am gravely mistaken, isnt this what you want?
for (int i = 0; i < folderList.size(); i++) {
   String folder = (String) folderList.get(i);
    System.out.println("Folder: " + folder);
    System.out.println ("Messages: " + folderMap.get (folder));
}

Editing Form Field color and search field

I am designing a website - nextmedian.com and I am having
some trouble changing the background color of the some form fields
for "Your Full Name" and "Your E-mail" from yellow to dark blue.
The link is
http://www.nextmedian.com/contacts.html
The Contacts webpage html code is:
[CODE]
<form name="formmail"
action="/cgi-bin/formmail/formmail.cgi" method="post">
<input type=hidden name="recipient"
value="[email protected]">
<table width="300" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td valign="top" width="76" align="right"
height="25"><br style="line-height:3px ">Your Full
Name:</td>
<td valign="top"><input type=text name="realname"
size="15" value=""></td>
</tr>
<tr>
<td valign="top" align="right" height="25"><br
style="line-height:3px ">Your E-mail:</td>
<td valign="top"><input type=text name="email"
size="35" value=""></td>
</tr>
<tr>
<td valign="top" align="right" height="50"><br
style="line-height:3px ">Message:</td>
<td valign="top"><textarea name="body" cols="4"
rows="2" wrap="virtual"
id="message"></textarea></td>
</tr>
<tr>
<td> </td>
<td valign="top" align="right"><input type="submit"
value="Send" size="1" style="width:42px; height:20px">
<img
src="../template_11171_SE8HPoI5oO381CXsvRUV/site/images/spacer.gif"
alt="" width="1px" height="2px"><input type="reset"
value="Reset" size="1" style="width:42px; height:20px">
</tr>
</table>
</form> </td>
</tr>
</table>
</td>
</tr>
[/CODE]
(ii) I have a problem with formatting the search field -
http://nextmedian.com/cgi-bin/search.pl
to have the same look and feel as my website.

On Fri, 8 Sep 2006 20:53:25 +0000 (UTC), "wire_jp"
<[email protected]> wrote:
>I am designing a website - nextmedian.com and I am having
some trouble changing
>the background color of the some form fields for "Your
Full Name" and "Your
>E-mail" from yellow to dark blue. The link is
>
http://www.nextmedian.com/contacts.html
They look dark blue to me. Disable your Google toolbar.
Gary

Adobe X Pro Form Fields

In Acrobat 8, I was able to justify a form field to left, center, or right and also vertically justify the field box to either top, center, or bottom. Right now, all my form fields are vertically centered. I want teh form field when filled to be bottom aligned to it prints on the lines of my form.
I can't figure out the new Adobe X...the old way was much easier. Any help?

Text fields created in LiveCycle Designer allow that. Text fields created in Acrobat can be vertically centered or bottom aligned, but only if it's set up for rich text formatting and the user selects it. The point is you as the form creator cannot set the vertical justification for a field created in Acrobat.

Putting form field in line with text

trying to put a text form field in line with the paragraph but am unable to do so. Any ideas?

Are you trying to adjust the line spacing of the text in order to align the text with visible lines already present in the format of the form?
There isn't a text formatting tool in the form section. You need to create the from field and edit the properties to allow Multi Line Scrolling and to Allow Rich Text Formatting. Then exit the Form section by clicking the hand tool. Click in the field and press Ctrl+E to pull up the text formatting tool bar. Click more, then paragraph. On line spacing select Exactly and enter the amount of characters that you need in order for the spacing to apply appropriately.
Hope this helps!

Required form fields - help.

Hello:
Knowing next to nothing about html code, Javascript and submission forms, I was hoping to make the following form fields below mandatory.
Below is the script for doing so and below that the form. Can someone please adjust the form below (to work with the Javscript) so that it will function, so that I can just copy the adjusted code, paste it all into the form page and be on my way? Any help would be appreciated.
Thanks,
--Joe
First Name
Last Name
Title
Facility/Practice Name
Daytime Phone
Evening Phone
Email
<script language="JavaScript">

</script>
<form id="wstForm_Contact" name="Contact Form" action="%wstx.formmailerurl%" method="post" labelid="formLabel_ContactForm">
    <table width="100%" cellspacing="1" cellpadding="5" class="contactFormTable">
        <tbody>
            <tr>
                <td align="center" style="font-size: 8pt; text-decoration: none; font-weight: normal;">
                <table width="90%" cellspacing="0" cellpadding="3" border="0" class="contactFormTable">
                    <tbody>
                        <tr>
                            <td align="center" style="font-size: 12pt; font-weight: bold;">
                            <font face="Palatino Linotype, Book Antiqua, Palatino, serif"><span id="formLabel_ContactForm" controlid="wstForm_Contact">Contact Us</span><br />
                            </font>
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-decoration: none; font-weight: normal; padding-bottom: 10px;">
                            <p style="text-align: justify;">
                            <font face="Palatino Linotype, Book Antiqua, Palatino, serif" style="font-size: 13px;">In this area, you can enter text about your contact form. You may want to explain what happens after a visitor submits the form and include a contact phone number.</font>
                            </p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table width="90%" cellspacing="1" cellpadding="3" border="0" class="contactFormTable">
                    <tbody>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_First" controlid="formElement_First">First Name:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_First" name="First Name" labelid="formLabel_First" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Last" controlid="formElement_Last">Last Name:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Last" name="Last Name" labelid="formLabel_Last" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Last" controlid="formElement_Last">Title:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Last" name="Title" labelid="formLabel_Last" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Last" controlid="formElement_Last">Facility/Practice Name:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Last" name="Facility/Practice Name" labelid="formLabel_Last" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Street1" controlid="formElement_Street1">Address Street 1:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Street1" size="30" name="Address Street 1" labelid="formLabel_Street1" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Street2" controlid="formElement_Street2">Address Street 2:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Street2" size="30" name="Address Street 2" labelid="formLabel_Street2" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_City" controlid="formElement_City">City:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_City" name="City" labelid="formLabel_City" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Zip" controlid="formElement_Zip">Zip Code:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Zip" size="5" name="Zip Code" maxlength="5" labelid="formLabel_Zip" /> (5 digits)
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_State" controlid="formElement_State">State:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <select id="formElement_State" name="State" labelid="formLabel_State">
                            <option value="AL">
                            AL
                            </option>
                            <option value="AK">
                            AK
                            </option>
                            <option value="AZ">
                            AZ
                            </option>
                            <option value="AR">
                            AR
                            </option>
                            <option value="CA">
                            CA
                            </option>
                            <option value="CO">
                            CO
                            </option>
                            <option value="CT">
                            CT
                            </option>
                            <option value="DE">
                            DE
                            </option>
                            <option value="DC">
                            DC
                            </option>
                            <option value="FL">
                            FL
                            </option>
                            <option value="GA">
                            GA
                            </option>
                            <option value="HI">
                            HI
                            </option>
                            <option value="ID">
                            ID
                            </option>
                            <option value="IL">
                            IL
                            </option>
                            <option value="IN">
                            IN
                            </option>
                            <option value="IA">
                            IA
                            </option>
                            <option value="KS">
                            KS
                            </option>
                            <option value="KY">
                            KY
                            </option>
                            <option value="LA">
                            LA
                            </option>
                            <option value="ME">
                            ME
                            </option>
                            <option value="MD">
                            MD
                            </option>
                            <option value="MA">
                            MA
                            </option>
                            <option value="MI">
                            MI
                            </option>
                            <option value="MN">
                            MN
                            </option>
                            <option value="MS">
                            MS
                            </option>
                            <option value="MO">
                            MO
                            </option>
                            <option value="MT">
                            MT
                            </option>
                            <option value="NE">
                            NE
                            </option>
                            <option value="NV">
                            NV
                            </option>
                            <option value="NH">
                            NH
                            </option>
                            <option value="NJ">
                            NJ
                            </option>
                            <option value="NM">
                            NM
                            </option>
                            <option value="NY">
                            NY
                            </option>
                            <option value="NC">
                            NC
                            </option>
                            <option value="ND">
                            ND
                            </option>
                            <option value="OH">
                            OH
                            </option>
                            <option value="OK">
                            OK
                            </option>
                            <option value="OR">
                            OR
                            </option>
                            <option value="PA">
                            PA
                            </option>
                            <option value="RI">
                            RI
                            </option>
                            <option value="SC">
                            SC
                            </option>
                            <option value="SD">
                            SD
                            </option>
                            <option value="TN">
                            TN
                            </option>
                            <option value="TX">
                            TX
                            </option>
                            <option value="UT">
                            UT
                            </option>
                            <option value="VT">
                            VT
                            </option>
                            <option value="VA">
                            VA
                            </option>
                            <option value="WA">
                            WA
                            </option>
                            <option value="WV">
                            WV
                            </option>
                            <option value="WI">
                            WI
                            </option>
                            <option value="WY">
                            WY
                            </option>
                            </select>
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_DaytimePhone" controlid="formElement_DaytimePhone">Daytime Phone:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_DaytimePhone" name="Daytime Phone" labelid="formLabel_DaytimePhone" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_EveningPhone" controlid="formElement_EveningPhone">Evening Phone:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_EveningPhone" name="Evening Phone" labelid="formLabel_EveningPhone" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Email" controlid="formElement_Email">Email:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <input id="formElement_Email" name="Email" labelid="formLabel_Email" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 8pt; text-align: left;">
                            <span id="formLabel_Comments" controlid="formElement_Comments">Comments:</span>
                            </td>
                            <td style="font-size: 8pt; text-align: left;">
                            <textarea id="formElement_Comments" name="Comments" rows="4" cols="38" style="width: 100%;" labelid="formLabel_Comments">Enter comments here!
                            </textarea>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p>
                <input type="submit" id="wstForm_Contact_Submit" value="Submit" onclick="return wstxSubmitForm(this);" /> <input type="reset" id="wstForm_Contact_Reset" value="Reset" />
                </p>
                </td>
            </tr>
        </tbody>
    </table>
    <input type="hidden" id="FormMailerSubject" name="FormMailerSubject" value="Contact Form." /><input type="hidden" id="FormMailerRedirect" name="FormMailerRedirect" value="%wstx.project.BaseUrl%" />
</form>

Rather than re-inventing the wheel, why don't you use Spry Validation widgets for your client side processing? Have a look here http://labs.adobe.com/technologies/spry/demos/formsvalidation/index.html and here http://labs.adobe.com/technologies/spry/samples/.
Mind you, using JS your are only validating on the side of the client. If JS is turned off in the browser, there will be no validation. Therefore you should look at serverside validation as well.
Gramps

Number fields alignment

Hello, I'm using JDev11.1.1.2
My requirement is all number fields in the application to be right aligned. Is there a general way to achieve this ?
Thank you

Hi John,
You can try adding some css yourself:
Add a class to your form field in the fields HTML Form Element CSS Classes attribute, and add a text-allign property for that class in your css file or in your region html header.
For example put 'rightAlignField' in the HTML Form Element CSS Classes attribute and add
<style>
.rightAlignField{ text-align : right; }
</style>
to the form regions html header.
Regards,
Vincent

Form fields alignment

Similar Messages

Maybe you are looking for