• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Textbox Layout Questions

Textbox Layout Questions 13 years 2 weeks ago #17068

  • kim.huff
  • kim.huff's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 1
Joomla 2.5.4
RSForm Pro: 1.4.0 R43
URL: www.skipandmartaswedding.com

I am trying to create a RSVP form for a wedding. I would like to have the First Name and the Last Name field be on the same line but I do not see how to do that.

Here is an example or what I am trying to do.
Your Name [__________________________]


Your Email [__________________________]

RSVP reply: () Delightfully accepts
() Regretfully Declines


Replying on behalf of: [__________________^] (Dropdown with Yourself only, Yourself +1, Yourself +2, etc.)

Name of Guests: [First Name ] [Last Name ]
[First Name ] [Last Name ]
[First Name ] [Last Name ]
[First Name ] [Last Name ]
[First Name ] [Last Name ]
[First Name ] [Last Name ]

Special Requirements (dietary / other)
[Text area]

Message to Skip & Marta
[Text area]

Captcha

Send

Any suggestions?

Thank you in advance.
The administrator has disabled public write access.

Re: Textbox Layout Questions 13 years 1 week ago #17069

Hi,
You might try this: Create 2 components "Guest 1 FN" and "Guest 1 LN" (I named them Guest1FN and Guest1LN in my sample).
Go to the Form Layout section and uncheck AutoGenerate. (This is using inline layout)
Scroll down until you see the code generated for the Guests names. Copy the code from the Guest Last name and insert it in the same string as the Guest First name. These will be between one set of tbody tags now.
This should put the first and last name on the same line. You'll have to play with the code to get the positioning right (margins etc.). Also, make sure the form is correct before you do these edits. If you turn AutoGenerate back on or use regenerate, the edit will be gone. I usually do the edits, make sure they are right and then copy the code and save it in a Notebook file in case I have to go back to the form and make changes.
You can also see an example of this side by side set up in the samples. Look for the Custom PayPal demo form. That form provides some good formatting ideas. Good luck.
K

Sample below has 3 names
<table style="margin-top:10px; margin-left:30px;">
<tbody>
<tr>
<td>{Guest1FN:body}<div class="formClr"></div>{Guest1FN:validation}</td>
<td>{Guest1LN:body}<div class="formClr"></div>{Guest1LN:validation}</td>
<td>{Guest1LN:caption}</td>
</tr>
</tbody>

<tbody>
<tr>
<td>{Guest2FN:body}<div class="formClr"></div>{Guest2FN:validation}</td>
<td>{Guest1LN 2:body}<div class="formClr"></div>{Guest1LN:validation}</td>
<td>{Guest1LN:caption}</td>
</tr>
</tbody>
<tr>
<td>{Guest1FN:body}<div class="formClr"></div>{Guest1FN:validation}</td>
<td>{Guest1LN:body}<div class="formClr"></div>{Guest1LN:validation}</td>
<td>{Guest1LN:caption}</td>
</tr>
</tbody>
</table>
The administrator has disabled public write access.

Re: Textbox Layout Questions 13 years 1 week ago #17071

  • kim.huff
  • kim.huff's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 1
Thank you for your assistance. Unfortunately, it is still not working correctly. Here is the link to the website. www.skipandmartaswedding.com

Here is the code I am using.
<div class="componentheading">{global:formtitle}</div>
{error}<br>
<table border="0">
<tr class="rsform-block rsform-block-header">
<td>{Header:caption}</td>
<td>{Header:body}<div class="formClr"></div>{Header:validation}</td>
<td>{Header:description}</td>
</tr>
<tr class="rsform-block rsform-block-name">
<td>{Name:caption} (*)</td>
<td>{Name:body}<div class="formClr"></div>{Name:validation}</td>
<td>{Name:description}</td>
</tr>
<tr class="rsform-block rsform-block-email">
<td>{Email:caption} (*)</td>
<td>{Email:body}<div class="formClr"></div>{Email:validation}</td>
<td>{Email:description}</td>
</tr>
<tr class="rsform-block rsform-block-rsvp">
<td>{RSVP:caption} (*)</td>
<td>{RSVP:body}<div class="formClr"></div>{RSVP:validation}</td>
<td>{RSVP:description}</td>
</tr>
<tr class="rsform-block rsform-block-number">
<td>{Number:caption} (*)</td>
<td>{Number:body}<div class="formClr"></div>{Number:validation}</td>
<td>{Number:description}</td>
</tr>
<tr class="rsform-block rsform-block-guests">
<td>{Guests:caption}</td>
<td>{Guests:body}<div class="formClr"></div>{Guests:validation}</td>
<td>{Guests:description}</td>
</tr>
<tr>
<td>{GuestFN1:caption}</td>
<td>{Guest1FN:body}<div class="formClr"></div>{Guest1FN:validation}</td>
<td>{Guest1LN:body}<div class="formClr"></div>{Guest1LN:validation}</td>
</tr>

<tr>
<td>{GuestFN2:caption}</td>
<td>{Guest2FN:body}<div class="formClr"></div>{Guest2FN:validation}</td>
<td>{Guest2LN:body}<div class="formClr"></div>{Guest2LN:validation}</td>
</tr>

<tr>
<td>{GuestFN3:caption}</td>
<td>{Guest3FN:body}<div class="formClr"></div>{Guest3FN:validation}</td>
<td>{Guest3LN:body}<div class="formClr"></div>{Guest3LN:validation}</td>
</tr>

<tr>
<td>{GuestFN4:caption}</td>
<td>{Guest4FN:body}<div class="formClr"></div>{Guest4FN:validation}</td>
<td>{Guest4LN:body}<div class="formClr"></div>{Guest4LN:validation}</td>
</tr>

<tr>
<td>{GuestFN5:caption}</td>
<td>{Guest5FN:body}<div class="formClr"></div>{Guest5FN:validation}</td>
<td>{Guest5LN:body}<div class="formClr"></div>{Guest5LN:validation}</td>
</tr>

<tr>
<td>{GuestFN6:caption}</td>
<td>{Guest6FN:body}<div class="formClr"></div>{Guest6FN:validation}</td>
<td>{Guest6LN:body}<div class="formClr"></div>{Guest6LN:validation}</td>
</tr>
<tr class="rsform-block rsform-block-message">
<td nowrap>{Message:caption}</td>
<td>{Message:body}<div class="formClr"></div>{Message:validation}</td>
<td>{Message:description}</td>
</tr>
<tr class="rsform-block rsform-block-captcha">
<td>{Captcha:caption}</td>
<td>{Captcha:body}<div class="formClr"></div>{Captcha:validation}</td>
<td>{Captcha:description}</td>
</tr>
<tr class="rsform-block rsform-block-submit">
<td>{Submit:caption}</td>
<td>{Submit:body}<div class="formClr"></div>{Submit:validation}</td>
<td>{Submit:description}</td>
</tr>
</table>

The First Name / Last Name fields are too far apart and I would like the caption to just be listed once at the top... maybe say, List guest names:

Any suggestions?
The administrator has disabled public write access.

Re: Textbox Layout Questions 13 years 1 week ago #17072

  • kim.huff
  • kim.huff's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 1
Ok, I figured out most of it, but I am still struggling with the distance between the two fields. How do I move them closer together?
The administrator has disabled public write access.

Re: Textbox Layout Questions 13 years 1 week ago #17073

Kim,
You might try putting the "Guest Name" title into it's own Free text and then you can use the colspan="3" code to make it go the width of the form. Here's the code I got a while ago on the forum to make a Free text start at the left: (the name "Release" is the item name)

<td>{Release:caption}</td> Delete this line
<td colspan="3">{Release:body}<div class="formClr"></div>{Release:validation}</td>

</tr>

Add the colspan="number you want" for the width needed. You can also put horizontal rules in free text. By separating out the two components on one line section, you might have better luck getting them to land where you want.

I've also had problems getting the columns to line up so I just tinker with it until I get what I need. Tech support is also a good resource. Give them a good description of what you are trying to do and experience level, and they usually have an answer that can help get the job done. I'm not a programmer so they give me responses that may be a bit simple for some but get me going. I then try to post the code in the forum for others.
Last Edit: 13 years 1 week ago by NEMGTR_webmanager. Reason: clear up what "release" was
The administrator has disabled public write access.

Re: Textbox Layout Questions 13 years 1 week ago #17075

  • kim.huff
  • kim.huff's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 1
Unfortunately, that did not work. I am still getting the separation of the First & Last name field. I found a way to make it "look" right, but I am not sure it is correct.

I am also wanting to put some type of a description for the first and last name fields so they know what I am expecting of them. For example, INSIDE the textfield, I would like to see First Name or Last Name. When the person clicks on the field, I would like for that text to disappear. I have been unable to find how to make that work.

The problem is... the invitations go out tomorrow so this needs to be done by tomorrow. I created a support ticket over 6 hours ago and I still have not heard back. I was thinking about buying the unlimited license but now I think I will wait to see how the support issues go.

Thank you in advance for all of your assistance thus far.

Kim
The administrator has disabled public write access.

Re: Textbox Layout Questions 13 years 1 week ago #17079

Since support is in a different time zone it does, sometimes, take a few hours to get a response. But they've always been good about getting back when I put in a ticket.

As far as the description, check this out. It's how to add a tool tip to a form text box. www.rsjoomla.com/support/documentation/v...dding-a-tooltip.html
You might be able to use it for your instructions on what you expect for name.

Please share the results of the ticket. I'd like to know what they come up with.
Thanks,
Kathy
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!