Smalltalk › Frameworks & Tools › Seaside › Seaside General

Cant custom different styles for input tags

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

4 messages Options

Sebastian Sastre-2

Cant custom different styles for input tags

Hi there,

In the search of making a little login component and, once logged on, a bigger input tags style I've found this:

WAFormInputTag>>with: aBlock
self type isNil ifFalse: [
self attributes at: 'type' ifAbsentPut: [ self type ].
self class: self type ].
super with: aBlock

which means that one can't use an arbitrary css class for input tags. How is supoused to custom the view of tags that had harcoded the css classname? Manipulate text is just too much for a case like this. If I set the css "text" class to be like one wants it compromises all the text inputs and one can't customize different styles in the same application (except if one manipulate dinamically the styles library).

In the other hand, if, for instance, one makes:

renderContentOn: html

html form:[

html textInput

class: 'adminLogin';

value: '';

callback: [:v | login _ v];

yourself.

...

the adminLogin css class end up concatenated with a 'text' string (I presume taken from the harcoded #type of the tag).

I'm not sure yet but, after a quick look, I think that there is functionality envolved with those harcoded css classes.

any pointer?

regards,

Sebastian Sastre

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Lukas Renggli

Re: Cant custom different styles for input tags

> How is supoused to custom the view of tags that had harcoded the css
> classname? Manipulate text is just too much for a case like this. If I set
> the css "text" class to be like one wants it compromises all the text inputs
> and one can't customize different styles in the same application (except if
> one manipulate dinamically the styles library).

This is a feature to ensure that different input tag types can be
styled without having to use [type="text"] CSS selectors that are not
supported by IE.

> I'm not sure yet but, after a quick look, I think that there is
> functionality envolved with those harcoded css classes.

Not by default, but it is there to please your CSS designer that wants
to make the site work in IE.

> any pointer?

You can have an arbitrary number of classes per tag (just send #class:
multiple times), so I don't see the issue here.

Cheers,
Lukas

--
Lukas Renggli
http://www.lukas-renggli.ch
_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

John Thornborrow

Re: Cant custom different styles for input tags

Lukas Renggli wrote:

>> How is supoused to custom the view of tags that had harcoded the css
>> classname? Manipulate text is just too much for a case like this. If
>> I set
>> the css "text" class to be like one wants it compromises all the text
>> inputs
>> and one can't customize different styles in the same application
>> (except if
>> one manipulate dinamically the styles library).
>
> This is a feature to ensure that different input tag types can be
> styled without having to use [type="text"] CSS selectors that are not
> supported by IE.
>
>> I'm not sure yet but, after a quick look, I think that there is
>> functionality envolved with those harcoded css classes.
>
> Not by default, but it is there to please your CSS designer that wants
> to make the site work in IE.
>
>> any pointer?
>
> You can have an arbitrary number of classes per tag (just send #class:
> multiple times), so I don't see the issue here.
>
> Cheers,
> Lukas
>

As Lukas says, here is a working example from one of my apps:

renderFormOn: html
html form with: [
html label for: 'from'; with: [
html text: 'Enter your name & email address:'].
html input type: 'text'; class: 'enquiry'; name: 'from';
callback: [:x | self nameAndEmail: x].
html submitButton class: 'enquiry'; id: 'submit'; callback:
[self formComplete]]

N.B. #renderFormOn: is called within #renderContentOn:

HTH,
John.

www.pinesoft.co.uk

Pinesoft Computers are registered in England, Registered number: 2914825. Registered office: 266-268 High Street, Waltham Cross, Herts, EN8 7EA

This message has been scanned for viruses by BlackSpider MailControl - www.blackspider.com

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Sebastian Sastre-2

RE: Cant custom different styles for input tags

In reply to this post by Lukas Renggli

> This is a feature to ensure that different input tag types
> can be styled without having to use [type="text"] CSS
> selectors that are not supported by IE.
>
Thanks, I didn't knew that.

> > I'm not sure yet but, after a quick look, I think that there is
> > functionality envolved with those harcoded css classes.
>
> Not by default, but it is there to please your CSS designer
> that wants to make the site work in IE.
>
Right. I was reading in CSS sites that IE ofen seems to need css hacks to
behave.

> > any pointer?
>
> You can have an arbitrary number of classes per tag (just send #class:
> multiple times), so I don't see the issue here.
>
Good to know, this feature makes possible what we need.

Thanks,

Sebastian

> Cheers,
> Lukas
>
> --
> Lukas Renggli
> http://www.lukas-renggli.ch
> _______________________________________________
> Seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside