General questions

[johncpatterson]

Hello, I am a new user/purchaser of Quform for WordPress, and I have a few questions if you don’t mind:

1. When using the “date” field, is it possible to only have the month and year show but not the day?

2. Is it possible to have both an image and label text be inside a field at the same time? An example of what I might be talking about can be seen here: https://stripe.com/checkout. Essentially, I’d like to have an email field, which says email address in the field, but also have an image of an email inside the field as well.

3. I’ve noticed that whenever I start a new group and set it to two columns, and if I have three fields in that group, it takes the first 2 fields and puts them next to each other on the first line, and puts the third field on a second line by itself. Is it possible to have the first field be on a line by itself, and have the second and third field be next to each other on the second line in the same group (essentially reversing the order)? I ask since I want all three fields in the same group (for visual reasons), but the first field will be bigger than the second and third fields combined.

4. Is it possible to have the tooltip help icon be to the right of the field instead of inside the field?

Thanks so much!

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

• This reply was modified 10 years, 10 months ago by Ally.

[johncpatterson]

All of this worked perfectly, thank you so much! A few more questions are below, I really appreciate it! This is all in reference to my website: http://www.lifebyjohn.com/quform. Just click the “submit” button in the middle of the screen.

1. In reference to my question two above, I am having trouble getting the images to work with drop-down menus. The reason being is that I am not using a label currently for drop-down menus, and the reason I’m not doing that is that everytime I use a label inside a drop-down menu, the label appears above the menu, and I want the label to be inside the menu (the label setting is set to “inside” and it doesn’t seem to be working). As a work around, I’ve been putting the “label” as the first option of the drop down menu, which seems to work well enough. However, since the image html needs to be put in the label to work correctly, I essentially need to find out how to have the label be inside the drop-down menu, so I can then add the image html in the label.

2. Also, I got the images working next to the labels perfectly for normal “single-line text” elements. However, the images disappear when I start to type in them. Do you know what CSS I should use to have the image stay permanently?

3. In addition, I figured out the CSS to use to style the padding of the text and labels in single-line text elements, however once I type something and then I click outside of the element the margin no longer stays. Do you know what CSS I should use to keep the margin once I click outside of the element? This is what I have at the moment:

.iphorm-elements .iphorm-element-wrap-text input:focus {padding-left:9px;}
.iphorm-elements .iphorm-element-wrap-text input:active {padding-left:9px;}
.iphorm-elements .iphorm-element-wrap-text input:hover {padding-left:9px;}

4. This might be the same answer as the answer to number three, but I am attempting to use fancy CSS tricks to provide a shadow around any element that is currently selected (could be hovered over or not). You can see a little bit of the fancy CSS when you hover over the submit button (which is working perfectly). Do you know what the CSS term is for an element that is not being actively hovered over, but is “selected” (that is, if you started typing it would be typing in that element). I’ve tried the terms “active”, “focus”, and “hover”, but it’s still not targeting it correctly. I know the fancy CSS to use, I simply need to target the single-line text element when it’s not necessarily being hovered over, but yet you can still type in it.

5. If I choose a font family for the text being used in the forms, does that reference the fonts that I have installed in my WordPress theme? For example, if I installed Google Fonts on my WordPress site, could I then reference a Google Font in the font family? I ask since I want to use a custom font for the form, and I need to know where to put the custom font.

6. Lastly, I mostly figured out how to change the background color of the pop-up, but I can’t seem to figure out how to change the background color of the outer border of the pop-up (you’ll see what I mean if you look at the pop-up). Do you what that CSS might be?

Thanks again for all the help, this is a great plugin! 🙂

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[johncpatterson]

Just wanted to let you know that your solutions worked perfectly, and I really appreciate you taking the time to help answer them. Thanks so much!

[Author]

Posts