You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Rich M <ri...@moremagic.com> on 2010/08/30 23:19:25 UTC
Aesthetic IE8 issues
Hi,
I've been doing some testing and noticed two peculiarities inherent to
the framework in IE8, wondering if anyone has encountered these and
possibly identified the issue at hand. First is the the JavaScript popup
validation bubbles that accompany Tapestry forms do not display with the
background 'bubble' image. Instead it's just plain text floating. The
other thing I noticed is that every single PasswordField is slightly
thinner than every TextField which creates an unappealing appearance in
forms.
this is 5.1.0.5 by the way.
Thanks,
Rich
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Aesthetic IE8 issues
Posted by Howard Lewis Ship <hl...@gmail.com>.
Perhaps we should cut-and-paste one of the standard reset CSS files
into default.css?
On Fri, Sep 3, 2010 at 2:05 PM, Howard Lewis Ship <hl...@gmail.com> wrote:
> I remember putting some tricks in place in the CSS for IE; basically,
> things that IE recognizes that other browser don't (as an alternative
> to conditional stylesheets, which were not supported by Tapestry at
> the time).
>
> On Fri, Sep 3, 2010 at 1:56 PM, Rich M <ri...@moremagic.com> wrote:
>> Has no one else experienced this? I'm most concerned about the bubble images
>> which the tapestry default.css references with the css:
>> HTML > BODY DIV.t-error-popup SPAN{
>> background : url(error-bevel-left.png) no-repeat
>> }
>> HTML > BODY DIV.t-error-popup{
>> background: url(error-bevel-right.png) no-repeat
>> }
>>
>> Some research into the situation showed that SOME but not all IE8 users
>> experience issues with ALL PNG image files. After messing with my
>> PNG-broken-IE8 a little bit on my own, I can't find any settings that fix
>> this, nor have I found any information from others who have. The IE7
>> compatibility mode run in IE8 will at least get the PNGs displaying again,
>> but that mode is weird in its own right.
>>
>> Also in IE7 there seem to be issues with validation/errors as well. The
>> <t:errors /> component renders the text of the error starting out of the
>> form box to the left. There is conflicting CSS in the default.css file that
>> I'm having a hard time grasping the point of:
>>
>> DIV.t-error LI {
>> margin-left: 20px;
>> }
>>
>> HTML > BODY DIV.t-error LI {
>> margin-left: -20px;
>> }
>>
>> Now the second one seems to override the first one every single time in IE7,
>> which makes the display broken.
>>
>> I'm also seeing issues with any form element that is determined to be in
>> error by t:validate shrinks in horizontal size creating a weird effect for
>> the user.
>>
>> Anyone dealt with these problems?
>>
>> Is the best solution to override some of the CSS properties in my own CSS
>> files, and maybe port the PNG files to a different format and serve them
>> myself in my application?
>>
>> Thanks,
>> Rich
>>
>> On 08/30/2010 05:19 PM, Rich M wrote:
>>>
>>> Hi,
>>>
>>> I've been doing some testing and noticed two peculiarities inherent to the
>>> framework in IE8, wondering if anyone has encountered these and possibly
>>> identified the issue at hand. First is the the JavaScript popup validation
>>> bubbles that accompany Tapestry forms do not display with the background
>>> 'bubble' image. Instead it's just plain text floating. The other thing I
>>> noticed is that every single PasswordField is slightly thinner than every
>>> TextField which creates an unappealing appearance in forms.
>>>
>>> this is 5.1.0.5 by the way.
>>>
>>> Thanks,
>>> Rich
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>>> For additional commands, e-mail: users-help@tapestry.apache.org
>>>
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: users-help@tapestry.apache.org
>>
>>
>
>
>
> --
> Howard M. Lewis Ship
>
> Creator of Apache Tapestry
>
> The source for Tapestry training, mentoring and support. Contact me to
> learn how I can get you up and productive in Tapestry fast!
>
> (971) 678-5210
> http://howardlewisship.com
>
--
Howard M. Lewis Ship
Creator of Apache Tapestry
The source for Tapestry training, mentoring and support. Contact me to
learn how I can get you up and productive in Tapestry fast!
(971) 678-5210
http://howardlewisship.com
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Aesthetic IE8 issues
Posted by Howard Lewis Ship <hl...@gmail.com>.
I remember putting some tricks in place in the CSS for IE; basically,
things that IE recognizes that other browser don't (as an alternative
to conditional stylesheets, which were not supported by Tapestry at
the time).
On Fri, Sep 3, 2010 at 1:56 PM, Rich M <ri...@moremagic.com> wrote:
> Has no one else experienced this? I'm most concerned about the bubble images
> which the tapestry default.css references with the css:
> HTML > BODY DIV.t-error-popup SPAN{
> background : url(error-bevel-left.png) no-repeat
> }
> HTML > BODY DIV.t-error-popup{
> background: url(error-bevel-right.png) no-repeat
> }
>
> Some research into the situation showed that SOME but not all IE8 users
> experience issues with ALL PNG image files. After messing with my
> PNG-broken-IE8 a little bit on my own, I can't find any settings that fix
> this, nor have I found any information from others who have. The IE7
> compatibility mode run in IE8 will at least get the PNGs displaying again,
> but that mode is weird in its own right.
>
> Also in IE7 there seem to be issues with validation/errors as well. The
> <t:errors /> component renders the text of the error starting out of the
> form box to the left. There is conflicting CSS in the default.css file that
> I'm having a hard time grasping the point of:
>
> DIV.t-error LI {
> margin-left: 20px;
> }
>
> HTML > BODY DIV.t-error LI {
> margin-left: -20px;
> }
>
> Now the second one seems to override the first one every single time in IE7,
> which makes the display broken.
>
> I'm also seeing issues with any form element that is determined to be in
> error by t:validate shrinks in horizontal size creating a weird effect for
> the user.
>
> Anyone dealt with these problems?
>
> Is the best solution to override some of the CSS properties in my own CSS
> files, and maybe port the PNG files to a different format and serve them
> myself in my application?
>
> Thanks,
> Rich
>
> On 08/30/2010 05:19 PM, Rich M wrote:
>>
>> Hi,
>>
>> I've been doing some testing and noticed two peculiarities inherent to the
>> framework in IE8, wondering if anyone has encountered these and possibly
>> identified the issue at hand. First is the the JavaScript popup validation
>> bubbles that accompany Tapestry forms do not display with the background
>> 'bubble' image. Instead it's just plain text floating. The other thing I
>> noticed is that every single PasswordField is slightly thinner than every
>> TextField which creates an unappealing appearance in forms.
>>
>> this is 5.1.0.5 by the way.
>>
>> Thanks,
>> Rich
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: users-help@tapestry.apache.org
>>
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
--
Howard M. Lewis Ship
Creator of Apache Tapestry
The source for Tapestry training, mentoring and support. Contact me to
learn how I can get you up and productive in Tapestry fast!
(971) 678-5210
http://howardlewisship.com
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Aesthetic IE8 issues
Posted by Rich M <ri...@moremagic.com>.
Has no one else experienced this? I'm most concerned about the bubble
images which the tapestry default.css references with the css:
HTML > BODY DIV.t-error-popup SPAN{
background : url(error-bevel-left.png) no-repeat
}
HTML > BODY DIV.t-error-popup{
background: url(error-bevel-right.png) no-repeat
}
Some research into the situation showed that SOME but not all IE8 users
experience issues with ALL PNG image files. After messing with my
PNG-broken-IE8 a little bit on my own, I can't find any settings that
fix this, nor have I found any information from others who have. The IE7
compatibility mode run in IE8 will at least get the PNGs displaying
again, but that mode is weird in its own right.
Also in IE7 there seem to be issues with validation/errors as well. The
<t:errors /> component renders the text of the error starting out of the
form box to the left. There is conflicting CSS in the default.css file
that I'm having a hard time grasping the point of:
DIV.t-error LI {
margin-left: 20px;
}
HTML > BODY DIV.t-error LI {
margin-left: -20px;
}
Now the second one seems to override the first one every single time in
IE7, which makes the display broken.
I'm also seeing issues with any form element that is determined to be in
error by t:validate shrinks in horizontal size creating a weird effect
for the user.
Anyone dealt with these problems?
Is the best solution to override some of the CSS properties in my own
CSS files, and maybe port the PNG files to a different format and serve
them myself in my application?
Thanks,
Rich
On 08/30/2010 05:19 PM, Rich M wrote:
> Hi,
>
> I've been doing some testing and noticed two peculiarities inherent to
> the framework in IE8, wondering if anyone has encountered these and
> possibly identified the issue at hand. First is the the JavaScript
> popup validation bubbles that accompany Tapestry forms do not display
> with the background 'bubble' image. Instead it's just plain text
> floating. The other thing I noticed is that every single PasswordField
> is slightly thinner than every TextField which creates an unappealing
> appearance in forms.
>
> this is 5.1.0.5 by the way.
>
> Thanks,
> Rich
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Aesthetic IE8 issues
Posted by based2 <ba...@free.fr>.
http://webcache.googleusercontent.com/search?q=cache:FhDOefocyfoJ:msdn.microsoft.com/en-us/library/ms535882%28VS.85%29.aspx+ie8+popup+prototype+positionning&cd=1&hl=fr&ct=clnk&gl=fr&lr=lang_en|lang_fr&client=firefox-a
http://tapestry.1045711.n5.nabble.com/5-2-0-all-our-apps-completly-broken-in-IE8-numerous-javascript-errors-td2740558.html#a2795427
== http://wiki.apache.org/tapestry/Tapestry5HowTos
== http://wiki.apache.org/tapestry/Tapestry5OpensourceApps
== http://wiki.apache.org/tapestry/Tapestry5ModuleRegistry
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Aesthetic-IE8-issues-tp2797367p2802677.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org