no buttons-ugly images displayed instead why?

[Drayon]

Curious, when i load certain web pages in Camino and Safari they offer a search facility, the page displays an Aqua Gel Search Button, however the same pages in OW display ugly rectangular windows looking flat plain search images not the Aqua Gel buttons.

1) Why is this?

2) How do i force OW to always display Aqua Gel buttons? (is there something i can add to my custom style sheet?

Here is an example web page with some buttons.

http://www.internode.on.net/

[Chiller]

I think this has to do with the fact that OmniWeb uses a more recent version on Webkit than Safari. I believe that the new Webkit draws the widgets as the site designer intends versus the browser "Aquafying" them.

Jon Hicks (Graphics / Web Designer) would most definitely know the answer to this question. He reads these forums.

[Forrest]

The site is being displayed as it is written. You could probably override it with a user stylesheet.

[Jon Hicks]

Chiller is right, Omniweb uses a more recent WebKit than Safari, which allows site designers to choose whether buttons are rendered as you're seeing them, or as Safari does now. The former lets designers style form elements if they want, which isn't always a good thing. Safari will eventually become this way too.

Once the code in Omniweb is updated to a newer version of WebKit, you should be able to use a simple css file to specify that you want the Aqua style buttons.

More info here:
http://webkit.org/blog/?p=28

[JKT]

The former lets designers style form elements if they want, which isn't always a good thing.
From my experience so far, it has never been a good thing. ;)

[Drayon]

Is the newer version of WebKit in OW now?

Is it possible now to specify only Aqua style buttons in a Style sheet? If so what code shall i enter?

Thanks

[troyb]

Is the newer version of WebKit in OW now?

Not at this time and it wont be happening before OmniWeb 5.6.

Is it possible now to specify only Aqua style buttons in a Style sheet? If so what code shall i enter?

Thanks

Are you referring to custom style sheets? Unfortunately I don't think it is. At least I'm drawing a blank at the moment. Once a form button has been customized by the site designer it isn't possible at this time.

[Drayon]

Not at this time and it wont be happening before OmniWeb 5.6.



Are you referring to custom style sheets? Unfortunately I don't think it is. At least I'm drawing a blank at the moment. Once a form button has been customized by the site designer it isn't possible at this time.

TB im referring to this post

http://forums.omnigroup.com/showpost.php?p=8510&postcount=4

but you say not until 5.6 ok thats the answer i think.

[troyb]

Ah okay. You are right, 5.6 is the answer here. But, I'm actually not too sure if overriding styled buttons will ever be possible. If it is, it expect it will be dependent on how the site author designs the button and probably wont work in all instances.

[Drayon]

Anyone know how to override author buttons and text boxes in a style sheet? I just want the native Cocoa widgets.

this is what I want to avoid

http://drayond.xsmail.com/Cam-Text-Button.png

[Handycam]

You can't do it. Once the site author has applied CSS to a form element, you're stuck with it.

You can apply a custom CSS to change it to something else, but you can't revert to Aqua. This is because your CSS is also CSS, and any CSS removes the Aqua-ness.

[Drayon]

You can't do it. Once the site author has applied CSS to a form element, you're stuck with it.

You can apply a custom CSS to change it to something else, but you can't revert to Aqua. This is because your CSS is also CSS, and any CSS removes the Aqua-ness.

you sure about that? it is possible in mozilla browsers with the following code:

select:not([size]):not([multiple]),
select[size="0"],
select[size="1"] {
-moz-appearance: menulist !important;
border-color: -moz-initial !important;
background: -moz-initial !important;
color: -moz-FieldText !important;
border-width: -moz-initial !important;
border-style: -moz-initial !important;
}
select:not([size]):not([multiple])[disabled],
select[size="0"][disabled],
select[size="1"][disabled] {
-moz-appearance: menulist !important;
background:-moz-initial !important;
color:-moz-initial !important;
}

[Handycam]

yes but that is code that modifies the FF user interface. One of the nice things you can do in FF! But there is no way to do that in OW or Safari, AFAIK