input fields in a form each with a different width

Next topic

Author	Message
M Farhan	Friday 27 June 2003 1:47:01 am Hello Everyone, I have created a form where the data collected is emailed to the administrator, am using the built-in functionality of eZPublish 3.0.2 (through Information Collector). Now the input fields being shown are using the 'box' and 'halfbox' class (defined in the core.css style sheet), changing the size of any of them changes the sizes of all the text fields in the form, but what i need to do is to show different input fields with different sizes.Can anyone suggest as to how can this be achieved??? Thanks in advance. MF
Paul Forsyth	Friday 27 June 2003 3:29:51 am Just make some css classes like the following: For example: <td class="newbox1"> {attribute_edit_gui attribute=$node.data_map.information} </td> <td class="newbox2"> {attribute_edit_gui attribute=$node.data_map.otherinformation} </td> In your css file have: .newbox1 input { width:100px; } .newbox2 input { width:200px; } If you are displaying a text-field then use something like: .newbox1 textarea, .newbox2 textarea { width:500px; }
M Farhan	Friday 27 June 2003 5:23:45 am Thanks a lot Paul.

Author

Message

Friday 27 June 2003 1:47:01 am

Hello Everyone,

I have created a form where the data collected is emailed to the administrator, am using the built-in functionality of eZPublish 3.0.2 (through Information Collector). Now the input fields being shown are using the 'box' and 'halfbox' class (defined in the core.css style sheet), changing the size of any of them changes the sizes of all the text fields in the form, but what i need to do is to show different input fields with different sizes.Can anyone suggest as to how can this be achieved???

Thanks in advance.

Paul Forsyth

Friday 27 June 2003 3:29:51 am

Just make some css classes like the following:

For example:

<td class="newbox1">
{attribute_edit_gui attribute=$node.data_map.information}
</td>

<td class="newbox2">
{attribute_edit_gui attribute=$node.data_map.otherinformation}
</td>

In your css file have:

.newbox1 input
{
width:100px;
}

.newbox2 input
{
width:200px;
}

If you are displaying a text-field then use something like:

.newbox1 textarea, .newbox2 textarea
{
width:500px;
}

M Farhan

Friday 27 June 2003 5:23:45 am

Thanks a lot Paul.