You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@myfaces.apache.org by Danny Robinson <da...@gmail.com> on 2007/08/15 14:37:51 UTC
[Trinidad] af|inputText:readOnly::content - Does it work for anyone
Has anyone had any success with the following skin entry? There doesn't
seem to be any specific style generated for readOnly inputText's.
af|inputText:readOnly::content {
background-color: red;
}
I need this so I can remove the border that is added through my usage of
.AFFieldText
{
color: black;
font-family: arial, sans-serif;
font-size: 9pt;
white-space: nowrap;
border: 1px solid rgb(120,172,255);
}
Thanks,
Danny
--
Chordiant Software Inc.
www.chordiant.com
Re: [Trinidad] af|inputText:readOnly::content - Does it work for anyone
Posted by Simon Lessard <si...@gmail.com>.
Dang, I missed the camelCase usage.
On 8/15/07, Jeanne Waldman <je...@oracle.com> wrote:
>
> This is an aside.
> Don't use camelCase in pseudo-classes. ng.
> It should be :read-only.
>
> Since the p_AF prefix is a private implementation, do this instead:
>
> af|inputText:read-only::content {}
>
> That should expand to:
>
> .af_inputText.p_AFReadOnly .af_inputText_content {}
>
> And like Simon said if it IE6 is a requirement for you,
> you can try:
>
> :read-only af|inputText::content {}
> That should expand to
> .p_AFReadOnly .af_inputText_content {}
>
> If that doesn't work, try this:
> *:read-only af|inputText::content {}
>
> - Jeanne
>
> Simon Lessard wrote:
>
> Probably... Although div does give more room for CSS customization, like
> dimensions and text positioning, I don't see why it should be needed in that
> case since it applies only to readOnly fields. DIV are rendered quite fast
> though, so the only real problem with it here is that it prevents placing
> anything to the right of the content (like the message) without including
> another nested table.
>
> ~Simon
>
> On 8/15/07, Adam Winer <aw...@gmail.com> wrote:
> >
> > On 8/15/07, Simon Lessard <si...@gmail.com> wrote:
> > > Hello Danny,
> > >
> > > It works fine for me in Firefox and will work only sometimes in MSIE
> > because
> > > it doesn't support composite selectors, so it becaome dependant on the
> > > selector order of the generated CSS file. You can probably fix it by
> > using
> > > the following selector:
> > >
> > > .p_AFReadOnly af|inputText::content
> > >
> > > The generated HTML looks like this:
> > > <table id="j_id___jsp_tag_ctru5__xc_" class="af_inputText
> > > p_AFReadOnly" cellspacing=" 0" cellpadding="0" border="0">
> > >
> > > <tbody>
> > >
> > > <tr >
> > >
> > > <td class="af_inputText_label" nowrap=" "/>
> > > < td class="AFContentCell" valign="top" nowrap="" >
> > >
> > > <div id="j_id___jsp_tag_ctru5" class="
> > > af_inputText_content">toto</div>
> >
> > We use a <div> for the read-only inputText content? Shouldn't that be a
> > span?
> >
> > -- Adam
> >
> >
> >
> > > </td>
> > > </tr >
> > > </tbody>
> > > </table>
> > >
> > > Regards,
> > >
> > > ~ Simon
> > >
> > >
> > > On 8/15/07, Danny Robinson < dannyjrobinson@gmail.com> wrote:
> > > >
> > > > Has anyone had any success with the following skin entry? There
> > doesn't
> > > seem to be any specific style generated for readOnly inputText's.
> > > >
> > > > af|inputText:readOnly::content {
> > > > background-color: red;
> > > > }
> > > >
> > > > I need this so I can remove the border that is added through my
> > usage of
> > > >
> > > > .AFFieldText
> > > > {
> > > > color: black;
> > > > font-family: arial, sans-serif;
> > > > font-size: 9pt;
> > > > white-space: nowrap;
> > > > border: 1px solid rgb(120,172,255);
> > > > }
> > > >
> > > >
> > > > Thanks,
> > > >
> > > > Danny
> > > >
> > > > --
> > > > Chordiant Software Inc.
> > > > www.chordiant.com
> > >
> > >
> >
>
>
Re: [Trinidad] af|inputText:readOnly::content - Does it work for anyone
Posted by Simon Lessard <si...@gmail.com>.
Probably... Although div does give more room for CSS customization, like
dimensions and text positioning, I don't see why it should be needed in that
case since it applies only to readOnly fields. DIV are rendered quite fast
though, so the only real problem with it here is that it prevents placing
anything to the right of the content (like the message) without including
another nested table.
~Simon
On 8/15/07, Adam Winer <aw...@gmail.com> wrote:
>
> On 8/15/07, Simon Lessard <si...@gmail.com> wrote:
> > Hello Danny,
> >
> > It works fine for me in Firefox and will work only sometimes in MSIE
> because
> > it doesn't support composite selectors, so it becaome dependant on the
> > selector order of the generated CSS file. You can probably fix it by
> using
> > the following selector:
> >
> > .p_AFReadOnly af|inputText::content
> >
> > The generated HTML looks like this:
> > <table id="j_id___jsp_tag_ctru5__xc_" class="af_inputText
> > p_AFReadOnly" cellspacing=" 0" cellpadding="0" border="0">
> >
> > <tbody>
> >
> > <tr >
> >
> > <td class="af_inputText_label" nowrap=" "/>
> > < td class="AFContentCell" valign="top" nowrap="" >
> >
> > <div id="j_id___jsp_tag_ctru5" class="
> > af_inputText_content">toto</div>
>
> We use a <div> for the read-only inputText content? Shouldn't that be a
> span?
>
> -- Adam
>
>
>
> > </td>
> > </tr >
> > </tbody>
> > </table>
> >
> > Regards,
> >
> > ~ Simon
> >
> >
> > On 8/15/07, Danny Robinson <da...@gmail.com> wrote:
> > >
> > > Has anyone had any success with the following skin entry? There
> doesn't
> > seem to be any specific style generated for readOnly inputText's.
> > >
> > > af|inputText:readOnly::content {
> > > background-color: red;
> > > }
> > >
> > > I need this so I can remove the border that is added through my usage
> of
> > >
> > > .AFFieldText
> > > {
> > > color: black;
> > > font-family: arial, sans-serif;
> > > font-size: 9pt;
> > > white-space: nowrap;
> > > border: 1px solid rgb(120,172,255);
> > > }
> > >
> > >
> > > Thanks,
> > >
> > > Danny
> > >
> > > --
> > > Chordiant Software Inc.
> > > www.chordiant.com
> >
> >
>
Re: [Trinidad] af|inputText:readOnly::content - Does it work for anyone
Posted by Adam Winer <aw...@gmail.com>.
On 8/15/07, Simon Lessard <si...@gmail.com> wrote:
> Hello Danny,
>
> It works fine for me in Firefox and will work only sometimes in MSIE because
> it doesn't support composite selectors, so it becaome dependant on the
> selector order of the generated CSS file. You can probably fix it by using
> the following selector:
>
> .p_AFReadOnly af|inputText::content
>
> The generated HTML looks like this:
> <table id="j_id___jsp_tag_ctru5__xc_" class="af_inputText
> p_AFReadOnly" cellspacing=" 0" cellpadding="0" border="0">
>
> <tbody>
>
> <tr >
>
> <td class="af_inputText_label" nowrap=" "/>
> < td class="AFContentCell" valign="top" nowrap="" >
>
> <div id="j_id___jsp_tag_ctru5" class="
> af_inputText_content">toto</div>
We use a <div> for the read-only inputText content? Shouldn't that be a span?
-- Adam
> </td>
> </tr >
> </tbody>
> </table>
>
> Regards,
>
> ~ Simon
>
>
> On 8/15/07, Danny Robinson <da...@gmail.com> wrote:
> >
> > Has anyone had any success with the following skin entry? There doesn't
> seem to be any specific style generated for readOnly inputText's.
> >
> > af|inputText:readOnly::content {
> > background-color: red;
> > }
> >
> > I need this so I can remove the border that is added through my usage of
> >
> > .AFFieldText
> > {
> > color: black;
> > font-family: arial, sans-serif;
> > font-size: 9pt;
> > white-space: nowrap;
> > border: 1px solid rgb(120,172,255);
> > }
> >
> >
> > Thanks,
> >
> > Danny
> >
> > --
> > Chordiant Software Inc.
> > www.chordiant.com
>
>
Re: [Trinidad] af|inputText:readOnly::content - Does it work for anyone
Posted by Matthias Wessendorf <ma...@apache.org>.
On 8/15/07, Simon Lessard <si...@gmail.com> wrote:
> Hello Danny,
>
> It works fine for me in Firefox and will work only sometimes in MSIE because
> it doesn't support composite selectors, so it becaome dependant on the
this is IE6 specific, right ?
> selector order of the generated CSS file. You can probably fix it by using
> the following selector:
>
> .p_AFReadOnly af|inputText::content
>
> The generated HTML looks like this:
> <table id="j_id___jsp_tag_ctru5__xc_" class="af_inputText p_AFReadOnly"
> cellspacing=" 0" cellpadding="0" border="0">
>
> <tbody>
>
> <tr >
>
> <td class="af_inputText_label" nowrap=" "/>
> < td class="AFContentCell" valign="top" nowrap="" >
>
> <div id="j_id___jsp_tag_ctru5" class="
> af_inputText_content">toto</div>
> </td>
> </tr >
> </tbody>
> </table>
>
> Regards,
>
> ~ Simon
>
>
> On 8/15/07, Danny Robinson <da...@gmail.com> wrote:
> >
> > Has anyone had any success with the following skin entry? There doesn't
> seem to be any specific style generated for readOnly inputText's.
> >
> > af|inputText:readOnly::content {
> > background-color: red;
> > }
> >
> > I need this so I can remove the border that is added through my usage of
> >
> > .AFFieldText
> > {
> > color: black;
> > font-family: arial, sans-serif;
> > font-size: 9pt;
> > white-space: nowrap;
> > border: 1px solid rgb(120,172,255);
> > }
> >
> >
> > Thanks,
> >
> > Danny
> >
> > --
> > Chordiant Software Inc.
> > www.chordiant.com
>
>
--
Matthias Wessendorf
further stuff:
blog: http://matthiaswessendorf.wordpress.com/
mail: matzew-at-apache-dot-org
Re: [Trinidad] af|inputText:readOnly::content - Does it work for anyone
Posted by Simon Lessard <si...@gmail.com>.
Hello Danny,
It works fine for me in Firefox and will work only sometimes in MSIE because
it doesn't support composite selectors, so it becaome dependant on the
selector order of the generated CSS file. You can probably fix it by using
the following selector:
.p_AFReadOnly af|inputText::content
The generated HTML looks like this:
<table id="j_id___jsp_tag_ctru5__xc_" class="af_inputText p_AFReadOnly"
cellspacing="0" cellpadding="0" border="0"> <tbody>
<tr>
<td class="af_inputText_label" nowrap=""/>
<td class="AFContentCell" valign="top" nowrap="">
<div id="j_id___jsp_tag_ctru5" class="af_inputText_content">toto</
div>
</td>
</tr>
</tbody>
</table>
Regards,
~ Simon
On 8/15/07, Danny Robinson <da...@gmail.com> wrote:
>
>
> Has anyone had any success with the following skin entry? There doesn't
> seem to be any specific style generated for readOnly inputText's.
>
> af|inputText:readOnly::content {
> background-color: red;
> }
>
> I need this so I can remove the border that is added through my usage of
>
> .AFFieldText
> {
> color: black;
> font-family: arial, sans-serif;
> font-size: 9pt;
> white-space: nowrap;
> border: 1px solid rgb(120,172,255);
> }
>
>
> Thanks,
>
> Danny
>
> --
> Chordiant Software Inc.
> www.chordiant.com