[Typo3-dev] Classes for input elements input type=submit/reset/checkbox/radio/password

[Christopher]

Hello,

On 14/07/05, tapio <tapio.markula at dnainternet.net> wrote:


> BUT the problem is that the default form builder doesn't put any markup
> for submit/reset buttons.
> 
> I MUST edit the file in order to get proper layout - without editing the
> laout of forms would have been incorrect.
> Wrap, which has classes, for submit/reset button would also help.


*Again*, if you spent more time reading the docs or asking intelligent
questions instead of instantly deciding the software was deficient you
wouldn't embarrass yourself this way. Do you *seriously* think you are
the FIRST person who ever wanted to css-style a form element?! You can
certainly add classes to the DEFAULT form layouts in your own sites.
Search the FORM section of the TSref for 'params':

http://typo3.org/documentation/document-library/doc_core_tsref/FORM-1/

...and just override the properties of tt_content.mailform.20.

> 
> > You've added them to a template once, just save the template and reuse
> > it.
>  >You do know that you could also redefine every aspect of the CSC
> > static template in your own extension and install it to any new site
> > you build, right?
> 
> I don't use any static template and I don't like the idea making an own
> extension simple that I want ordinary forms (which are easy to do with
> the default form builder).


If you don't use any static templates then all your sites must be
blank; this doesn't seem very probable. You are almost certainly using
the CSS Styled Content static template (or content default or cset...)
Listen carefully: I'm talking about making changes to your own
Typoscript template then porting those extensions into an extension of
your own using the kickstarter. This *might* take half an hour, and
you could use it on every new site you ever create...


> > Besides, it is NOT necessary to use classes for checkboxes to get at
> > them with css:
> 
> > /* For IE; search
> > http://www.google.ca/search?q=ie+%2B+css+expressions
> > for more details: */
> > input { width: expression(this.type=="button"? '16px' : '100px'); }
> 
> I didn't knew the way for IE - that's why I altered the source code of a
> core file. A little bit complicated CSS for IE.
> 
> Or does this work:
> input { width: expression((this.type=="button" || this.type=="submit" ||
> this.type=="reset") ? '16px' : '100px'); }

I provided a reference. Please do your own research.


-Christopher