how do buttons get their class?

[ccordes]

I have some buttons on a form. 2 button fields plus the save and cancel and I need to style them properly.
At the generateform embed, I have -
  p_web.site.SaveButton.TextValue='Show Report'
  p_web.site.SaveButton.Class = 'MainButton ui-button'

at the Webserver, NetTalk Extension - Settings - Buttons - SaveButton - Class entry, I have 'MainButton ui-button'

BUT when I look at the page with Firebug, the button class is 'MainButton ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left'

What am I doing wrong? I don't see anything else in the book other than what I have here.

Thanks,
Chris c
 

[Bruce]

on the form buttons,
have you ticked on the option
"use JavaScript styling" ?

cheers
Bruce

[ccordes]

Thanks, Bruce.. it took a while to get back to fiddling with the buttons...
There is no setting for java script buttons when you tick on the include Save/Close button.
 
There is for the buttons that are added in the fields list.

Unless I am just not seeing it - (not much of a surprise there)

chris

[Bruce]

Hi Chris,

The global button settings, for all the common buttons, are set in the web server procedure, Buttons tab.

I'm guessing you have "Use JavaScript Styled Button" there turned on.

The additional classes are added by the JavaScript that styles the buttons, and are, in effect, what makes the buttons look the way they do.

So the real question is - what are you really trying to do?

cheers
Bruce

[ccordes]

What I what is to style the buttons to not be so big and chunky.
[Edited after checking the app settings]
No, Use JavaScript styled button is not checked.
I have unchecked Use button sets for ... as well.

[Bruce]

I'm doing a Webinar on ClarionLive on the 18th of Feb, and this sort of thing will be covered then.

there's really no need to "remove" the classes that are there, you can override the properties of _those_ classes, by declaring the new property in your css file, in a class with the _same name_.

cheers
Bruce

[ccordes]

I would do that if I wanted everything that used those classes to be over ridden. I cases where I want only these specific buttons to look different I can't do that. So I create a button class or, in this case, just use Mainbutton and ui-button.