thesportsphysio
Member
I have a problem with the way the start and end time data entry boxes are showing on screen.
When I set up the form they lay out with the HH and MM fields alongside. However, when on the live site for a guest to enter data the HH and MM fields are above each other.
Is this a theme error or a
possibly missing from the gravity form.
Much appreciated
a
thesportsphysio
Member
ok found where to put the : and the space
in gravity forms folder common.php
Original code
<div class='gfield_time_minute'><input type='text' name='input_%d[]' id='%s.2' value='%s' tabindex='%d' %s/><label for='%s.2'>" . __("MM", "gravityforms") . "</label></div>
and add space and colon making it
<div class='gfield_time_minute'><input type='text' name='input_%d[]' id='%s.2' value='%s' tabindex='%d' %s/> : <label for='%s.2'>" . __("MM", "gravityforms") . "</label></div>
now to find where the pesky is ?
can you post a link to your form so we can take a look at it. It's most likely some issue with your theme. The fields on the default GF installation look fine.
Also, if you could tell me what browser/platform you're using too. That will help me debug it for you.
Okay, checked out your form and it's not getting all of the appropriate styles. If you look at the name field too, you'll see it's not styled correctly.
It's not a code/markup issue at all, you're not loading the forms.css file from the plugin folder (probably have that turned off) and you haven't copied all of the css declarations to your theme's style sheet.
You need to go into the wp-content/plugins/gravityforms/css folder and open the forms.css file. Copy everything in that file then go into your themes folder, open the style.css file and paste the content from the forms.css at the bottom (don't overwrite everything, just append to what's already there.)
Once you've copied everything to your style.css file, you can modify the styles to match your theme appropriately.
I made a copy of your page and quickly added all of the styles from the forms.css document inline at the bottom of the page. You'll see that everything is now styled correctly. Once you get all of the styles added to your file, you should be good to go.
thesportsphysio
Member
Great... worked a treat. Thank you
For info will let jason know over on press75 that he may need to add some code.
Just for info... what is the top tip for debugging php files? With HTML is was easy as it was WhsiwyG but php is a load different. Does PHP have a Dreamweaver equivalent ?
Please remove the dropbox file ....
Ps that was a neat trick actually.. how did you grab the whole set of pages?
Glad it worked. Page removed on my end.
As far as debugging PHP, there are several things to be considered. You can do a quick google search to find out more. This is a pretty good post on the subject as well.
I doubt you're going to find any type of "WYSIWYG PHP Editor" out there. It's quite a bit different from HTML - intended to be processed on the server where HTML is intended to be rendered in a browser. Dreamweaver has some built in helper tools for PHP I believe or there are some other PHP specific editors out there you can look at.
As far as saving the page, in Mac Firefox, just go to the toolbar, do "FILE > SAVE PAGE AS" then I usually choose "Web Page, HTML Only" option.
Then I have a local copy to tinker with or debug.
