Change positioning of form text?
Permalink
I have created a form and as you can see in the attached pic, the text is set to the bottom left of the text box. I need to adjust it so the text is on the upper left of the text box, it looks wonky the way it is.
Is there an easy way to do this?
thanks in advance.
Is there an easy way to do this?
thanks in advance.
:o( no help for a newbie?
If the texts are in a table the put the below code:
<td valign="top">Name: </td>
if the above code doesn't work then put it:
<td style="vertical-align:top">Name: </td>
Citytech
<td valign="top">Name: </td>
if the above code doesn't work then put it:
<td style="vertical-align:top">Name: </td>
Citytech
thanks for the help. I see I worded my initial question incorrectly - I used the standard form block for a form, I didn't actually "create" a form.
Would I place this code in the form set up file? And where? Thanks again
Would I place this code in the form set up file? And where? Thanks again
Post the url so we can see it for ourselves otherwise we are working blind..
(removed)
still very much a work in progress.
still very much a work in progress.
This is being caused by your iGotStyle.css file on line 12 that is setting the label to "vertical-align:baseline;"
Thanks for looking at this -
To confirm you mean the file at : public_html/packages/rigidlight/themes/rigidlight/style
What would I change the "align to" to set it properly? yes, I'm that new, lol. The help is appreciated.
To confirm you mean the file at : public_html/packages/rigidlight/themes/rigidlight/style
What would I change the "align to" to set it properly? yes, I'm that new, lol. The help is appreciated.
go to line 130 in your iGotStyle.css file, it will look like this
change it to this
#mainShell label { }
change it to this
#mainShell label { vertical-align:top }
Thanks so much Weyboat. I had to fix what I wrecked by incorrectly following instructions on the first bit of advice. this would have worked equally as well by the looks of it!
Hi weyboat,
If the parent stylesheet getting changed then it may cause some design issue in other places. So keep avoiding to edit the common styles.
Citytech
If the parent stylesheet getting changed then it may cause some design issue in other places. So keep avoiding to edit the common styles.
Citytech
No,
Line 130 only styles the labels in form elements
like this
Line 130 only styles the labels in form elements
like this
/** Form Elements ******************************************/ /***********************************************************/ #mainShell form { } #mainShell fieldset { } #mainShell label { vertical-align:top } #mainShell input, #mainShell textarea, #mainShell select { } #mainShell input { } #mainShell input[type="submit"] { } #mainShell textarea { } #mainShell select { }
Open concrete/blocks/form/controller.php
Find the code <td valign="top" class="question"> & replace it with
<td valign="top" class="question" style="vertical-align: top;">
It is in line no 617 approx.
Let me know if it works for you or not.
Citytech
Find the code <td valign="top" class="question"> & replace it with
<td valign="top" class="question" style="vertical-align: top;">
It is in line no 617 approx.
Let me know if it works for you or not.
Citytech
didn't work, the result is attached/live
You have put the code in wrong place.
The below is the output:
<td valign="top" <td="" class="question" style="vertical-align: top;">class="question">
But it should be
<td valign="top" class="question" style="vertical-align: top;">
Put the html code carefully. If possible then send me the attach of controller.php & I'll edit this.
Citytech
The below is the output:
<td valign="top" <td="" class="question" style="vertical-align: top;">class="question">
But it should be
<td valign="top" class="question" style="vertical-align: top;">
Put the html code carefully. If possible then send me the attach of controller.php & I'll edit this.
Citytech
hmmm. I copied and pasted, so it should be exact. It didn't work
Is the code look like this?
Citytech
$requiredSymbol=($questionRow['required'])?' <span class="required">*</span>':''; echo '<tr> <td valign="top" style="vertical-align:top" class="question"><label for="Question'.intval($questionRow['msqID']).'">'.$questionRow['question'].''.$requiredSymbol.'</label></td> <td valign="top">'.$this->loadInputType($questionRow,showEdit).'</td> </tr>';
Citytech
Fantastic!!!! That worked. So greatly appreciated!