5
I realized the problem I previously had was due to my associating CSS attributes with the table cell containing the input tag, rather than with the input tag itself.
In this particular application, I'm generating a bunch of input tags in a table. The "id" approach works, but is cumbersome because it requires a lot of CSS definitions.
But I found a better approach. By extending the form class, I can prove a "class" attribute when I create the form element:
le="color: #000000"><?php /** * Extension to XoopsThemeForm class that allows extra attributes to be passed to addElement method. */ require_once XOOPS_ROOT_PATH . '/class/xoopsform/themeform.php'; class XoopsThemeFormExtra extends XoopsThemeForm { /** * Add an element to the form * * @param object &$formElement reference to a {@link XoopsFormElement} * @param bool $required is this a "required" element? * @param string $extra Extra attributes. */ function addElement(&$formElement, $required = false, $extra = '') { if (!empty($extra)) { $formElement->setExtra($extra); } parent::addElement($formElement, $required); } } // class XoopsThemeFormExtra
Example of creating an element:
le="color: #000000"><?php ... $form = new XoopsThemeFormExtra('The Form', 'form1', 'edit.php', 'post', true); $form->addElement(new XoopsFormText('Username', 'uname', 0, 25, false, "class='uname'"); ...
And in the template:
le="color: #000000"><?php <style> input.uname {width:12em;} </style> ... <td><{$form1.elements.uname.body}></td> ...
Compiled HTML:
le="color: #000000"><?php <td><input type='text' name='uname' id='uname' size='0' maxlength='20' value='' class='uname' /></td>
