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.

1 Attachment

 
Hellohoney replied on at Permalink Reply
:o( no help for a newbie?
citytech2 replied on at Permalink Reply
citytech2
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
Hellohoney replied on at Permalink Reply
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
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Post the url so we can see it for ourselves otherwise we are working blind..
Hellohoney replied on at Permalink Reply
(removed)

still very much a work in progress.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
This is being caused by your iGotStyle.css file on line 12 that is setting the label to "vertical-align:baseline;"
Hellohoney replied on at Permalink Reply
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.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
go to line 130 in your iGotStyle.css file, it will look like this
#mainShell  label {  }

change it to this
#mainShell  label { vertical-align:top }
Hellohoney replied on at Permalink Reply
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!
citytech2 replied on at Permalink Reply
citytech2
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
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
No,
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 {  }
citytech2 replied on at Permalink Reply
citytech2
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
Hellohoney replied on at Permalink Reply 1 Attachment
didn't work, the result is attached/live
citytech2 replied on at Permalink Reply
citytech2
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
Hellohoney replied on at Permalink Reply
hmmm. I copied and pasted, so it should be exact. It didn't work
citytech2 replied on at Permalink Best Answer Reply
citytech2
Is the code look like this?

$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
Hellohoney replied on at Permalink Reply
Fantastic!!!! That worked. So greatly appreciated!