Change normal button for any colour

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
8 messages Options
Reply | Threaded
Open this post in threaded view
|

Change normal button for any colour

Rubén Parra Savall


Hi!

I was digging out how to change the appearance of a normal button to another
colour or just put in that place a surface coloured.
Best thing I found out was the method submitButtonWithAction: image: , but I
wondered if someone maybe knows a best way.

Otherwise, if the method that I mentioned above is the more correct, how
does it work? Because I know you have to put value to the attributes 'width'
and 'height' but how? How do you put the link to the image, both local host
and web?

Thanks very much,

Cheers,
Rubén

_________________________________________________________________
Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Change normal button for any colour

Philippe Marschall
2007/5/29, Rubén Parra Savall <[hidden email]>:
>
>
> Hi!
>
> I was digging out how to change the appearance of a normal button to another
> colour or just put in that place a surface coloured.
> Best thing I found out was the method submitButtonWithAction: image: , but I
> wondered if someone maybe knows a best way.

CSS

You can make all your buttons red with:

style
    ^
'.submit {
        background-color: red;
}'

Cheers
Philippe

> Otherwise, if the method that I mentioned above is the more correct, how
> does it work? Because I know you have to put value to the attributes 'width'
> and 'height' but how? How do you put the link to the image, both local host
> and web?
>
> Thanks very much,
>
> Cheers,
> Rubén
>
> _________________________________________________________________
> Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
> http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
>
> _______________________________________________
> 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
Reply | Threaded
Open this post in threaded view
|

Re: Re: Change normal button for any colour

Rubén Parra Savall
In reply to this post by Rubén Parra Savall

Almost perfect Philippe, because I don't want to change all my buttons
whether some of them or just one and the another have to stay in the same
colour, I hope you can help me, is it possible to use conditions inside
CSS??

Anyway, somebody could explain me and put an example of
submitButtonWithAction: image:, I tried all but I couldn't make it work fine


>2007/5/29, Rubén Parra Savall <[hidden email]>:
> >
> >
> > Hi!
> >
> > I was digging out how to change the appearance of a normal button to
>another
> > colour or just put in that place a surface coloured.
> > Best thing I found out was the method submitButtonWithAction: image: ,
>but I
> > wondered if someone maybe knows a best way.
>
>CSS
>
>You can make all your buttons red with:
>
>style
>     ^
>'.submit {
> background-color: red;
>}'
>
>Cheers
>Philippe
>
> > Otherwise, if the method that I mentioned above is the more correct, how
> > does it work? Because I know you have to put value to the attributes
>'width'
> > and 'height' but how? How do you put the link to the image, both local
>host
> > and web?
> >
> > Thanks very much,
> >
> > Cheers,
> > Rubén
> >
> > _________________________________________________________________
> > Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> > increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
> >
>http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
> >
> > _______________________________________________
> > 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
>
>
>End of Seaside Digest, Vol 53, Issue 67
>***************************************

_________________________________________________________________
Acepta el reto MSN Premium: Protección para tus hijos en internet.
Descárgalo y pruébalo 2 meses gratis.
http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_proteccioninfantil

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Change normal button for any colour

Peter Osburg-2
In reply to this post by Rubén Parra Savall
what about giving them id's dynamically ... then u are able to have the condition within smalltalk but the graphical note comes from css

Rubén Parra Savall schrieb:

Almost perfect Philippe, because I don't want to change all my buttons whether some of them or just one and the another have to stay in the same colour, I hope you can help me, is it possible to use conditions inside CSS??

Anyway, somebody could explain me and put an example of submitButtonWithAction: image:, I tried all but I couldn't make it work fine


2007/5/29, Rubén Parra Savall <[hidden email]>:
>
>
> Hi!
>
> I was digging out how to change the appearance of a normal button to another
> colour or just put in that place a surface coloured.
> Best thing I found out was the method submitButtonWithAction: image: , but I
> wondered if someone maybe knows a best way.

CSS

You can make all your buttons red with:

style
    ^
'.submit {
    background-color: red;
}'

Cheers
Philippe

> Otherwise, if the method that I mentioned above is the more correct, how
> does it work? Because I know you have to put value to the attributes 'width'
> and 'height' but how? How do you put the link to the image, both local host
> and web?
>
> Thanks very much,
>
> Cheers,
> Rubén
>
> _________________________________________________________________
> Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
> http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
>
> _______________________________________________
> 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


End of Seaside Digest, Vol 53, Issue 67
***************************************

_________________________________________________________________
Acepta el reto MSN Premium: Protección para tus hijos en internet. Descárgalo y pruébalo 2 meses gratis. http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_proteccioninfantil

_______________________________________________
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
Reply | Threaded
Open this post in threaded view
|

Re: Re: Change normal button for any colour

Philippe Marschall
In reply to this post by Rubén Parra Savall
2007/5/30, Rubén Parra Savall <[hidden email]>:
>
> Almost perfect Philippe, because I don't want to change all my buttons
> whether some of them or just one and the another have to stay in the same
> colour, I hope you can help me, is it possible to use conditions inside
> CSS??

Yes, just assign them classes (or id's).

> Anyway, somebody could explain me and put an example of
> submitButtonWithAction: image:, I tried all but I couldn't make it work fine

This is the old and deprecated API, you should stop using it.

with the new API this is

html imageButton
    form: aFrom;
    callback: [ ... ]

where aFrom is an instance of Form. You can also do:

html imageButton
    url: aUrl;
    callback: [ ... ]

where aUrl is either a String for WAUrl that points to the image

Cheers
Philippe

> >2007/5/29, RubÃ(c)n Parra Savall <[hidden email]>:
> > >
> > >
> > > Hi!
> > >
> > > I was digging out how to change the appearance of a normal button to
> >another
> > > colour or just put in that place a surface coloured.
> > > Best thing I found out was the method submitButtonWithAction: image: ,
> >but I
> > > wondered if someone maybe knows a best way.
> >
> >CSS
> >
> >You can make all your buttons red with:
> >
> >style
> >     ^
> >'.submit {
> >       background-color: red;
> >}'
> >
> >Cheers
> >Philippe
> >
> > > Otherwise, if the method that I mentioned above is the more correct, how
> > > does it work? Because I know you have to put value to the attributes
> >'width'
> > > and 'height' but how? How do you put the link to the image, both local
> >host
> > > and web?
> > >
> > > Thanks very much,
> > >
> > > Cheers,
> > > RubÃ(c)n
> > >
> > > _________________________________________________________________
> > > Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> > > increíbles en MSN Premium. Descárgalo y pruÃ(c)balo 2 meses gratis.
> > >
> >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
> > >
> > > _______________________________________________
> > > 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
> >
> >
> >End of Seaside Digest, Vol 53, Issue 67
> >***************************************
>
> _________________________________________________________________
> Acepta el reto MSN Premium: Protección para tus hijos en internet.
> Descárgalo y pruébalo 2 meses gratis.
> http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_proteccioninfantil
>
> _______________________________________________
> 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
Reply | Threaded
Open this post in threaded view
|

RE: Change normal button for any colour

Rubén Parra Savall
In reply to this post by Rubén Parra Savall


> > Almost perfect Philippe, because I don't want to change all my buttons
> > whether some of them or just one and the another have to stay in the
>same
> > colour, I hope you can help me, is it possible to use conditions inside
> > CSS??
>
>Yes, just assign them classes (or id's).

How?? I'm newbie in CSS, so I don't know how to associate one button (or
more) to a determined style.
Remember that one button can change of colour more than one time in the
execution of the application.


>
> > Anyway, somebody could explain me and put an example of
> > submitButtonWithAction: image:, I tried all but I couldn't make it work
>fine
>
>This is the old and deprecated API, you should stop using it.
>
>with the new API this is
>
>html imageButton
>     form: aFrom;
>     callback: [ ... ]
>
>where aFrom is an instance of Form. You can also do:
>
>html imageButton
>     url: aUrl;
>     callback: [ ... ]
>
>where aUrl is either a String for WAUrl that points to the image

But this shows the image when you submit the button??

>
>Cheers
>Philippe
>
> > >2007/5/29, RubÃ(c)n Parra Savall <[hidden email]>:
> > > >
> > > >
> > > > Hi!
> > > >
> > > > I was digging out how to change the appearance of a normal button to
> > >another
> > > > colour or just put in that place a surface coloured.
> > > > Best thing I found out was the method submitButtonWithAction: image:
>,
> > >but I
> > > > wondered if someone maybe knows a best way.
> > >
> > >CSS
> > >
> > >You can make all your buttons red with:
> > >
> > >style
> > >     ^
> > >'.submit {
> > >       background-color: red;
> > >}'
> > >
> > >Cheers
> > >Philippe
> > >
> > > > Otherwise, if the method that I mentioned above is the more correct,
>how
> > > > does it work? Because I know you have to put value to the attributes
> > >'width'
> > > > and 'height' but how? How do you put the link to the image, both
>local
> > >host
> > > > and web?
> > > >
> > > > Thanks very much,
> > > >
> > > > Cheers,
> > > > RubÃ(c)n
> > > >
> > > > _________________________________________________________________
> > > > Acepta el reto MSN Premium: Correos más divertidos con fotos y
>textos
> > > > increíbles en MSN Premium. Descárgalo y pruÃ(c)balo 2 meses
>gratis.
> > > >
> >
> >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
> > > >
> > > > _______________________________________________
> > > > 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
> > >
> > >
> > >End of Seaside Digest, Vol 53, Issue 67
> > >***************************************
> >
> > _________________________________________________________________
> > Acepta el reto MSN Premium: Protección para tus hijos en internet.
> > Descárgalo y pruébalo 2 meses gratis.
> >
>http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_proteccioninfantil
> >
> > _______________________________________________
> > 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
>
>
>End of Seaside Digest, Vol 53, Issue 68
>***************************************

_________________________________________________________________
Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

RE: Change normal button for any colour

Sebastian Sastre-2
Rubén,

        this could help:
http://www.tizag.com/cssT/
http://www.w3schools.com/css/default.asp


        this is also a must:  www.alistapart.com

        enjoy,

Sebastian
 

> -----Mensaje original-----
> De: [hidden email]
> [mailto:[hidden email]] En nombre
> de Rubén Parra Savall
> Enviado el: Miércoles, 30 de Mayo de 2007 14:10
> Para: [hidden email]
> Asunto: RE: [Seaside] Change normal button for any colour
>
>
>
> > > Almost perfect Philippe, because I don't want to change all my
> > > buttons whether some of them or just one and the another have to
> > > stay in the
> >same
> > > colour, I hope you can help me, is it possible to use conditions
> > > inside CSS??
> >
> >Yes, just assign them classes (or id's).
>
> How?? I'm newbie in CSS, so I don't know how to associate one
> button (or
> more) to a determined style.
> Remember that one button can change of colour more than one
> time in the execution of the application.
>
>
> >
> > > Anyway, somebody could explain me and put an example of
> > > submitButtonWithAction: image:, I tried all but I
> couldn't make it
> > > work
> >fine
> >
> >This is the old and deprecated API, you should stop using it.
> >
> >with the new API this is
> >
> >html imageButton
> >     form: aFrom;
> >     callback: [ ... ]
> >
> >where aFrom is an instance of Form. You can also do:
> >
> >html imageButton
> >     url: aUrl;
> >     callback: [ ... ]
> >
> >where aUrl is either a String for WAUrl that points to the image
>
> But this shows the image when you submit the button??
> >
> >Cheers
> >Philippe
> >
> > > >2007/5/29, RubÃ(c)n Parra Savall <[hidden email]>:
> > > > >
> > > > >
> > > > > Hi!
> > > > >
> > > > > I was digging out how to change the appearance of a normal
> > > > > button to
> > > >another
> > > > > colour or just put in that place a surface coloured.
> > > > > Best thing I found out was the method
> submitButtonWithAction: image:
> >,
> > > >but I
> > > > > wondered if someone maybe knows a best way.
> > > >
> > > >CSS
> > > >
> > > >You can make all your buttons red with:
> > > >
> > > >style
> > > >     ^
> > > >'.submit {
> > > >       background-color: red;
> > > >}'
> > > >
> > > >Cheers
> > > >Philippe
> > > >
> > > > > Otherwise, if the method that I mentioned above is the more
> > > > > correct,
> >how
> > > > > does it work? Because I know you have to put value to the
> > > > > attributes
> > > >'width'
> > > > > and 'height' but how? How do you put the link to the
> image, both
> >local
> > > >host
> > > > > and web?
> > > > >
> > > > > Thanks very much,
> > > > >
> > > > > Cheers,
> > > > > RubÃ(c)n
> > > > >
> > > > >
> ________________________________________________________________
> > > > > _ Acepta el reto MSN Premium: Correos más divertidos con
> > > > > fotos y
> >textos
> > > > > increíbles en MSN Premium. Descárgalo y pruÃ(c)balo 2
> > > > > meses
> >gratis.
> > > > >
> > >
> >
> >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correo
> > >smasdivertidos
> > > > >
> > > > > _______________________________________________
> > > > > Seaside mailing list
> > > > > [hidden email]
> > > > >
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seasi
> > > > > de
> > > > >
> > > >
> > > >------------------------------
> > > >
> > > >_______________________________________________
> > > >Seaside mailing list
> > > >[hidden email]
> > >
> >http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
> > > >
> > > >
> > > >End of Seaside Digest, Vol 53, Issue 67
> > > >***************************************
> > >
> > > _________________________________________________________________
> > > Acepta el reto MSN Premium: Protección para tus hijos en
> internet.
> > > Descárgalo y pruébalo 2 meses gratis.
> > >
> >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviado
s_protecci

> >oninfantil
> > >
> > > _______________________________________________
> > > 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
> >
> >
> >End of Seaside Digest, Vol 53, Issue 68
> >***************************************
>
> _________________________________________________________________
> Acepta el reto MSN Premium: Correos más divertidos con fotos
> y textos increíbles en MSN Premium. Descárgalo y pruébalo 2
> meses gratis.
> http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados
_correosmasdivertidos
>
> _______________________________________________
> 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
Reply | Threaded
Open this post in threaded view
|

Re: Change normal button for any colour

Philippe Marschall
In reply to this post by Rubén Parra Savall
2007/5/30, Rubén Parra Savall <[hidden email]>:

>
>
> > > Almost perfect Philippe, because I don't want to change all my buttons
> > > whether some of them or just one and the another have to stay in the
> >same
> > > colour, I hope you can help me, is it possible to use conditions inside
> > > CSS??
> >
> >Yes, just assign them classes (or id's).
>
> How?? I'm newbie in CSS, so I don't know how to associate one button (or
> more) to a determined style.
Give it a class with

html submitButton
    class: 'myClass';
    with: [ ... ]

and then somewhere have a CSS with
.myClass {
    background-color: red;
}

> Remember that one button can change of colour more than one time in the
> execution of the application.

That's no problem, you can give it a different class the next time you
render it.

>
> >
> > > Anyway, somebody could explain me and put an example of
> > > submitButtonWithAction: image:, I tried all but I couldn't make it work
> >fine
> >
> >This is the old and deprecated API, you should stop using it.
> >
> >with the new API this is
> >
> >html imageButton
> >     form: aFrom;
> >     callback: [ ... ]
> >
> >where aFrom is an instance of Form. You can also do:
> >
> >html imageButton
> >     url: aUrl;
> >     callback: [ ... ]
> >
> >where aUrl is either a String for WAUrl that points to the image
>
> But this shows the image when you submit the button??
No this shows an image and when you click on it, it submits the form.

Cheers
Philippe

> >
> >Cheers
> >Philippe
> >
> > > >2007/5/29, RubÃ(c)n Parra Savall <[hidden email]>:
> > > > >
> > > > >
> > > > > Hi!
> > > > >
> > > > > I was digging out how to change the appearance of a normal button to
> > > >another
> > > > > colour or just put in that place a surface coloured.
> > > > > Best thing I found out was the method submitButtonWithAction: image:
> >,
> > > >but I
> > > > > wondered if someone maybe knows a best way.
> > > >
> > > >CSS
> > > >
> > > >You can make all your buttons red with:
> > > >
> > > >style
> > > >     ^
> > > >'.submit {
> > > >       background-color: red;
> > > >}'
> > > >
> > > >Cheers
> > > >Philippe
> > > >
> > > > > Otherwise, if the method that I mentioned above is the more correct,
> >how
> > > > > does it work? Because I know you have to put value to the attributes
> > > >'width'
> > > > > and 'height' but how? How do you put the link to the image, both
> >local
> > > >host
> > > > > and web?
> > > > >
> > > > > Thanks very much,
> > > > >
> > > > > Cheers,
> > > > > RubÃ(c)n
> > > > >
> > > > > _________________________________________________________________
> > > > > Acepta el reto MSN Premium: Correos más divertidos con fotos y
> >textos
> > > > > increíbles en MSN Premium. Descárgalo y pruÃ(c)balo 2 meses
> >gratis.
> > > > >
> > >
> > >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
> > > > >
> > > > > _______________________________________________
> > > > > 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
> > > >
> > > >
> > > >End of Seaside Digest, Vol 53, Issue 67
> > > >***************************************
> > >
> > > _________________________________________________________________
> > > Acepta el reto MSN Premium: Protección para tus hijos en internet.
> > > Descárgalo y pruÃ(c)balo 2 meses gratis.
> > >
> >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_proteccioninfantil
> > >
> > > _______________________________________________
> > > 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
> >
> >
> >End of Seaside Digest, Vol 53, Issue 68
> >***************************************
>
> _________________________________________________________________
> Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
> http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
>
> _______________________________________________
> 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