Question

Creation of Box for "For Office Use Only"

Forms Version 10

Updated February 22, 2018

asked on February 21, 2018

Are any of you using forms with this type of box at the bottom of the form:

I've been asked to include this on one of our forms. I've considered the Collection table and the Table fields. The Collection does allow me to have some Yes/No radio button options (different types of fields within the collection), but I don't want "additional rows" to be added by a user. The Table fields don't allow different types of fields --- do they? Can anyone give me information on how to set this up? Is there a document out there that walks a person through the steps?

0 0

Answer

SELECTED ANSWER

replied on February 22, 2018

You might try playing around with a table in a custom html box:

<table width="100%" cellspacing="2" cellpadding="0" border="1" align="center">
<tbody>
<tr bgcolor="LightGray">
<td width="50%">For Office Use Only: <input type="text" name="Inp1"></td>
<td width="50%">  Previous Grants: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" id="pg1" name="contact" value="Yes">
    <label for="pg1">Yes</label>

    <input type="radio" id="pg2" name="contact" value="No">
    <label for="pg2">No</label></td>
</tr>
<tr bgcolor="LightGray">
<td> Meets Criteria:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="Inp2"></td>
<td>Previous Grant Dates:&nbsp;&nbsp;&nbsp;<input id="d1" type="date"></td>
</tr>
<tr bgcolor="LightGray">
<td>Approval Date:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="d2" type="date"></td>
<td>Previous Grant Closed:&nbsp;<input id="d3" type="date"></td>
</tr>
<tr bgcolor="LightGray">
<td>Signature:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="Inp3"></td>
<td>Eligibility Date:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="d4" type="date"></td></tr>
<tr bgcolor="LightGray">
<td>Date Grant Paid:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="d5" type="date" width="100%"></td>
<td>&nbsp;</td>
</tr></tbody></table>

(the html could be much more elegant but quick and dirty)

If you need the field values from the table they could be pulled out with a little jquery.

~ Andrew

1 0

replied on February 22, 2018 • Show version history

Thanks, Andrew! I knew this could probably be done, but I didn't have a clue as to how to get started.

0 0

Replies

replied on February 21, 2018

I think a lot of people get hung up on the look of those Office boxes. Really the key is to make sure they are on the form. Is there a problem with just adding a Section header and then adding those as individual fields underneath it?

0 0

replied on February 21, 2018

It's a matter of trying to keep it all together in a neat/tight package.

I've just been exploring this option as one way of tightening everything up more quickly than I've been doing it:

0 0

replied on February 21, 2018

The example I found to explore this with comes out looking like this:

0 0

You are not allowed to follow up in this post.

Question

Question

Creation of Box for "For Office Use Only"

Answer

Replies

Sign in to reply to this post.