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 (JIRA)" <de...@myfaces.apache.org> on 2007/08/28 21:07:31 UTC

[jira] Resolved: (TRINIDAD-654) Lightweight dialogs should be skinnable

     [ https://issues.apache.org/jira/browse/TRINIDAD-654?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Danny Robinson resolved TRINIDAD-654.
-------------------------------------

       Resolution: Fixed
    Fix Version/s: 1.0.3-core

Added skinning selectors to skin-selectors.xml

> Lightweight dialogs should be skinnable
> ---------------------------------------
>
>                 Key: TRINIDAD-654
>                 URL: https://issues.apache.org/jira/browse/TRINIDAD-654
>             Project: MyFaces Trinidad
>          Issue Type: Improvement
>          Components: Components
>    Affects Versions: 1.0.2-core
>            Reporter: Danny Robinson
>            Assignee: Danny Robinson
>            Priority: Minor
>             Fix For: 1.0.3-core
>
>
> Right now lightweight dialogs inherit their skinning from panelPopup.  They should have their own skinning keys.

-- 
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


Re: [jira] Resolved: (TRINIDAD-654) Lightweight dialogs should be skinnable

Posted by Carsten Pieper <ca...@continentale.de>.
Just wanted to confirm that indeed it my problems must have been related to
something (whatever) within my configuration:
With the new officially released 1.0.3-SNAPSHOT properly installed via Maven
everything is fine on my computer, too!

Cheers, Carsten


Carsten Pieper wrote:
> 
> One more thought: 
> 
> I said that I'd been using the latest 1.0.3. snapshot. What I'm in fact
> doing is copying the latest trinidad-api-1.0.3-SNAPSHOT.jar and
> trinidad-impl-1.0.3-SNAPSHOT.jar 
> into my local Maven repository. Is there be more to do to really be
> up-to-date?
> 
> Thanks, Carsten
> 
> 
> Carsten Pieper wrote:
>> 
>> Hi Danny,
>> 
>> this is very strange. I now checked with ompression enabled and it's
>> still the same on
>> my system, i.e. I still find these un-compressed style classes as defined
>> in my 
>> CSS. My rendered stuff still looks like this:
>> 
>> <div style="padding: 0px; position: absolute; z-index: 5001; top:
>> 171.5px; left: 394px; visibility: visible; width: 340px;"
>> class="af|dialog::container">
>>   <div class="af|dialog::title-bar">
>>     <div style="float: left;" class="af|dialog::title-text">Datum
>> auswählen</div>
>>     <div style="float: right;" class="af|dialog::close-icon"/>
>>     <div style="clear: both;"/>
>>   </div>
>>   <iframe width="100%" height="190" frameborder="0" name="_blank"
>> class="af|dialog::content"
>> src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190715181718&loc=de&enc=ISO-8859-1"/>
>> </div>
>> 
>> In the generated CSS, however, the compressed style classes look as
>> expected (for example 
>> af|dialog::container is transformed into x1k, just as in your example).
>> 
>> I have the following in my web.xml (which looks fine to me):
>> 
>> 	<context-param>
>> 		<param-name>
>> 			org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION
>> 		</param-name>
>> 		<param-value>false</param-value>
>> 	</context-param>
>> 	
>> 	<context-param>
>> 		<param-name>
>> 			org.apache.myfaces.trinidad.ENABLE_LIGHTWEIGHT_DIALOGS
>> 		</param-name>
>> 		<param-value>true</param-value>
>> 	</context-param>
>> 
>> Are there some other hooks where things can go wrong configuratively? I'm
>> in a 
>> Facelets environment - can that cause the problems here?
>> 
>> Thanks in advance,
>> Carsten
>> 
>> 
>> Danny Robinson wrote:
>>> 
>>> Carsten,
>>> 
>>> Using today's trunk (although I don't think anything has changed), it
>>> works
>>> for me:
>>> 
>>> My skin contains the following
>>> 
>>> /*** Dialog ***/
>>> 
>>> af|dialog::container {
>>>     border: 1px solid red;
>>>     background-color: #FFFFFF;
>>>     text-align: left;
>>> }
>>> 
>>> af|dialog::title-bar {
>>>  -tr-rule-ref:selector(".AFHeaderLevelThreePlus");
>>>  -tr-rule-ref:selector(".AFDarkBackground:alias");
>>>     padding: 2px 2px 2px 2px;
>>> }
>>> 
>>> af|dialog::title-text {
>>>     color: yellow;
>>>     text-align: left;
>>> }
>>> 
>>> af|dialog::close-icon {
>>>     color: #FFFFFF;
>>>     content: url(images/icoWindowClose13.gif);
>>>     text-align: right;
>>> }
>>> 
>>> af|dialog::content {
>>> }
>>> /*** End Panel Popup ***/
>>> 
>>> 
>>> Which generated out as the following with compression enabled:
>>> 
>>> <div class="x1k" style="padding: 0px; position: absolute; z-index: 5001;
>>> top: 199px; left: 478px; visibility: visible; width: 324px;"><div
>>> class="x1l
>>> ">
>>> <div class="x1m" style="float: left;">Skin Settings</div>
>>> <div class="x1n" style="float: right;"/>
>>> <div style="clear: both;"/>
>>> </div>
>>> <iframe class="x1o" width="100%" height="96" frameborder="0"
>>> name="_blank"
>>> src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=7b897940">
>>> </iframe>
>>> </div>
>>> 
>>> And with compression disabled:
>>> 
>>> div class="af_dialog_container" style="padding: 0px; position: absolute;
>>> z-index: 5001; top: 199px; left: 478px; visibility: visible; width:
>>> 324px;">
>>> <div class="af_dialog_title-bar">
>>> </div>
>>> <iframe class="af_dialog_content" width="100%" height="96"
>>> frameborder="0"
>>> name="_blank"
>>> src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=-7b8fd673">
>>> </iframe>
>>> </div>
>>> 
>>> 
>>> 
>>> On 9/24/07, Carsten Pieper <ca...@continentale.de> wrote:
>>>>
>>>>
>>>> Hi,
>>>>
>>>> I tried to skin lightweight dialogs (with the latest 1.0.3-SNAPSHOT)
>>>> but
>>>> it
>>>> didn't work for me.
>>>> The problem seems to be, that my lightweight selectors (see
>>>> http://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors)
>>>> will
>>>> be "translated"
>>>> (as always) to something like .af_dialog_container whereas my rendered
>>>> XHTML
>>>> has the
>>>> not-translated versions like af|dialog::container for the lightweight
>>>> dialogs.
>>>>
>>>> Thus, my skinning definitions are never reached!
>>>>
>>>> Snippet from my XHTML:
>>>>
>>>> <div style="padding: 0px; position: absolute; z-index: 5001; top:
>>>> 171.5px;
>>>> left: 394px; visibility: visible; width: 340px;"
>>>> class="af|dialog::container"><div class="af|dialog::title-bar"><div
>>>> style="float: left;" class="af|dialog::title-text">Datum
>>>> auswählen</div><div
>>>> style="float: right;" class="af|dialog::close-icon"/><div style="clear:
>>>> both;"/></div><iframe width="100%" height="190" frameborder="0"
>>>> name="_blank" class="af|dialog::content"
>>>>
>>>> src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190614456875&loc=de&enc=ISO-8859-1"/></div>
>>>>
>>>> Snippet from my generated CSS (using jetty,
>>>> ~\target\work\adf\styles\cache\myskin-desktop-dwyvdi-gecko.css):
>>>>
>>>> .af_dialog_container
>>>> {border-color:#96A5B4;background-color:white;border:2px
>>>> solid #003366;width:210px}
>>>> .af_dialog_title-bar {border-color:#96A5B4;border-bottom:1px
>>>> solid;padding:2px 2px 2px 2px;color:#000000;background-color:#EBF0F5}
>>>> .af_dialog_title-text,.af_panelPopup_title-text {font-family:Arial,
>>>> Helvetica,
>>>>
>>>> sans-serif;font-weight:normal;font-size:13px;white-space:nowrap;overflow:hidden}
>>>> .af_dialog_close-icon {font-family:Arial, Helvetica,
>>>>
>>>> sans-serif;font-weight:normal;font-size:13px;margin-left:5px;background-image:url(/jsf-prototype/adf/images/close.gif);background-position:center;background-repeat:no-repeat;height:13px;width:13px}
>>>> .af_dialog_content {background-color:#F8F689;border:0px}
>>>>
>>>> Best regards,
>>>> Carsten
>>>>
>>>>
>>>> My Faces - Dev mailing list wrote:
>>>> >
>>>> >
>>>> >      [
>>>> >
>>>> https://issues.apache.org/jira/browse/TRINIDAD-654?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
>>>> > ]
>>>> >
>>>> > Danny Robinson resolved TRINIDAD-654.
>>>> > -------------------------------------
>>>> >
>>>> >        Resolution: Fixed
>>>> >     Fix Version/s: 1.0.3-core
>>>> >
>>>> > Added skinning selectors to skin-selectors.xml
>>>> >
>>>> >> Lightweight dialogs should be skinnable
>>>> >> ---------------------------------------
>>>> >>
>>>> >>                 Key: TRINIDAD-654
>>>> >>                 URL:
>>>> https://issues.apache.org/jira/browse/TRINIDAD-654
>>>> >>             Project: MyFaces Trinidad
>>>> >>          Issue Type: Improvement
>>>> >>          Components: Components
>>>> >>    Affects Versions: 1.0.2-core
>>>> >>            Reporter: Danny Robinson
>>>> >>            Assignee: Danny Robinson
>>>> >>            Priority: Minor
>>>> >>             Fix For: 1.0.3-core
>>>> >>
>>>> >>
>>>> >> Right now lightweight dialogs inherit their skinning from
>>>> panelPopup.
>>>> >> They should have their own skinning keys.
>>>> >
>>>> > --
>>>> > This message is automatically generated by JIRA.
>>>> > -
>>>> > You can reply to this email to add a comment to the issue online.
>>>> >
>>>> >
>>>> >
>>>>
>>>> --
>>>> View this message in context:
>>>> http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12854609
>>>> Sent from the My Faces - Dev mailing list archive at Nabble.com.
>>>>
>>>>
>>> 
>>> 
>>> -- 
>>> Chordiant Software Inc.
>>> www.chordiant.com
>>> 
>>> 
>> 
>> 
> 
> 

-- 
View this message in context: http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12973662
Sent from the My Faces - Dev mailing list archive at Nabble.com.


Re: [jira] Resolved: (TRINIDAD-654) Lightweight dialogs should be skinnable

Posted by Carsten Pieper <ca...@continentale.de>.
One more thought: 

I said that I'd been using the latest 1.0.3. snapshot. What I'm in fact
doing is copying the latest trinidad-api-1.0.3-SNAPSHOT.jar and
trinidad-impl-1.0.3-SNAPSHOT.jar 
into my local Maven repository. Is there be more to do to really be
up-to-date?

Thanks, Carsten


Carsten Pieper wrote:
> 
> Hi Danny,
> 
> this is very strange. I now checked with ompression enabled and it's still
> the same on
> my system, i.e. I still find these un-compressed style classes as defined
> in my 
> CSS. My rendered stuff still looks like this:
> 
> <div style="padding: 0px; position: absolute; z-index: 5001; top: 171.5px;
> left: 394px; visibility: visible; width: 340px;"
> class="af|dialog::container">
>   <div class="af|dialog::title-bar">
>     <div style="float: left;" class="af|dialog::title-text">Datum
> auswählen</div>
>     <div style="float: right;" class="af|dialog::close-icon"/>
>     <div style="clear: both;"/>
>   </div>
>   <iframe width="100%" height="190" frameborder="0" name="_blank"
> class="af|dialog::content"
> src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190715181718&loc=de&enc=ISO-8859-1"/>
> </div>
> 
> In the generated CSS, however, the compressed style classes look as
> expected (for example 
> af|dialog::container is transformed into x1k, just as in your example).
> 
> I have the following in my web.xml (which looks fine to me):
> 
> 	<context-param>
> 		<param-name>
> 			org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION
> 		</param-name>
> 		<param-value>false</param-value>
> 	</context-param>
> 	
> 	<context-param>
> 		<param-name>
> 			org.apache.myfaces.trinidad.ENABLE_LIGHTWEIGHT_DIALOGS
> 		</param-name>
> 		<param-value>true</param-value>
> 	</context-param>
> 
> Are there some other hooks where things can go wrong configuratively? I'm
> in a 
> Facelets environment - can that cause the problems here?
> 
> Thanks in advance,
> Carsten
> 
> 
> Danny Robinson wrote:
>> 
>> Carsten,
>> 
>> Using today's trunk (although I don't think anything has changed), it
>> works
>> for me:
>> 
>> My skin contains the following
>> 
>> /*** Dialog ***/
>> 
>> af|dialog::container {
>>     border: 1px solid red;
>>     background-color: #FFFFFF;
>>     text-align: left;
>> }
>> 
>> af|dialog::title-bar {
>>  -tr-rule-ref:selector(".AFHeaderLevelThreePlus");
>>  -tr-rule-ref:selector(".AFDarkBackground:alias");
>>     padding: 2px 2px 2px 2px;
>> }
>> 
>> af|dialog::title-text {
>>     color: yellow;
>>     text-align: left;
>> }
>> 
>> af|dialog::close-icon {
>>     color: #FFFFFF;
>>     content: url(images/icoWindowClose13.gif);
>>     text-align: right;
>> }
>> 
>> af|dialog::content {
>> }
>> /*** End Panel Popup ***/
>> 
>> 
>> Which generated out as the following with compression enabled:
>> 
>> <div class="x1k" style="padding: 0px; position: absolute; z-index: 5001;
>> top: 199px; left: 478px; visibility: visible; width: 324px;"><div
>> class="x1l
>> ">
>> <div class="x1m" style="float: left;">Skin Settings</div>
>> <div class="x1n" style="float: right;"/>
>> <div style="clear: both;"/>
>> </div>
>> <iframe class="x1o" width="100%" height="96" frameborder="0"
>> name="_blank"
>> src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=7b897940">
>> </iframe>
>> </div>
>> 
>> And with compression disabled:
>> 
>> div class="af_dialog_container" style="padding: 0px; position: absolute;
>> z-index: 5001; top: 199px; left: 478px; visibility: visible; width:
>> 324px;">
>> <div class="af_dialog_title-bar">
>> </div>
>> <iframe class="af_dialog_content" width="100%" height="96"
>> frameborder="0"
>> name="_blank"
>> src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=-7b8fd673">
>> </iframe>
>> </div>
>> 
>> 
>> 
>> On 9/24/07, Carsten Pieper <ca...@continentale.de> wrote:
>>>
>>>
>>> Hi,
>>>
>>> I tried to skin lightweight dialogs (with the latest 1.0.3-SNAPSHOT) but
>>> it
>>> didn't work for me.
>>> The problem seems to be, that my lightweight selectors (see
>>> http://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors)
>>> will
>>> be "translated"
>>> (as always) to something like .af_dialog_container whereas my rendered
>>> XHTML
>>> has the
>>> not-translated versions like af|dialog::container for the lightweight
>>> dialogs.
>>>
>>> Thus, my skinning definitions are never reached!
>>>
>>> Snippet from my XHTML:
>>>
>>> <div style="padding: 0px; position: absolute; z-index: 5001; top:
>>> 171.5px;
>>> left: 394px; visibility: visible; width: 340px;"
>>> class="af|dialog::container"><div class="af|dialog::title-bar"><div
>>> style="float: left;" class="af|dialog::title-text">Datum
>>> auswählen</div><div
>>> style="float: right;" class="af|dialog::close-icon"/><div style="clear:
>>> both;"/></div><iframe width="100%" height="190" frameborder="0"
>>> name="_blank" class="af|dialog::content"
>>>
>>> src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190614456875&loc=de&enc=ISO-8859-1"/></div>
>>>
>>> Snippet from my generated CSS (using jetty,
>>> ~\target\work\adf\styles\cache\myskin-desktop-dwyvdi-gecko.css):
>>>
>>> .af_dialog_container
>>> {border-color:#96A5B4;background-color:white;border:2px
>>> solid #003366;width:210px}
>>> .af_dialog_title-bar {border-color:#96A5B4;border-bottom:1px
>>> solid;padding:2px 2px 2px 2px;color:#000000;background-color:#EBF0F5}
>>> .af_dialog_title-text,.af_panelPopup_title-text {font-family:Arial,
>>> Helvetica,
>>>
>>> sans-serif;font-weight:normal;font-size:13px;white-space:nowrap;overflow:hidden}
>>> .af_dialog_close-icon {font-family:Arial, Helvetica,
>>>
>>> sans-serif;font-weight:normal;font-size:13px;margin-left:5px;background-image:url(/jsf-prototype/adf/images/close.gif);background-position:center;background-repeat:no-repeat;height:13px;width:13px}
>>> .af_dialog_content {background-color:#F8F689;border:0px}
>>>
>>> Best regards,
>>> Carsten
>>>
>>>
>>> My Faces - Dev mailing list wrote:
>>> >
>>> >
>>> >      [
>>> >
>>> https://issues.apache.org/jira/browse/TRINIDAD-654?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
>>> > ]
>>> >
>>> > Danny Robinson resolved TRINIDAD-654.
>>> > -------------------------------------
>>> >
>>> >        Resolution: Fixed
>>> >     Fix Version/s: 1.0.3-core
>>> >
>>> > Added skinning selectors to skin-selectors.xml
>>> >
>>> >> Lightweight dialogs should be skinnable
>>> >> ---------------------------------------
>>> >>
>>> >>                 Key: TRINIDAD-654
>>> >>                 URL:
>>> https://issues.apache.org/jira/browse/TRINIDAD-654
>>> >>             Project: MyFaces Trinidad
>>> >>          Issue Type: Improvement
>>> >>          Components: Components
>>> >>    Affects Versions: 1.0.2-core
>>> >>            Reporter: Danny Robinson
>>> >>            Assignee: Danny Robinson
>>> >>            Priority: Minor
>>> >>             Fix For: 1.0.3-core
>>> >>
>>> >>
>>> >> Right now lightweight dialogs inherit their skinning from panelPopup.
>>> >> They should have their own skinning keys.
>>> >
>>> > --
>>> > This message is automatically generated by JIRA.
>>> > -
>>> > You can reply to this email to add a comment to the issue online.
>>> >
>>> >
>>> >
>>>
>>> --
>>> View this message in context:
>>> http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12854609
>>> Sent from the My Faces - Dev mailing list archive at Nabble.com.
>>>
>>>
>> 
>> 
>> -- 
>> Chordiant Software Inc.
>> www.chordiant.com
>> 
>> 
> 
> 

-- 
View this message in context: http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12877755
Sent from the My Faces - Dev mailing list archive at Nabble.com.


Re: [jira] Resolved: (TRINIDAD-654) Lightweight dialogs should be skinnable

Posted by Carsten Pieper <ca...@continentale.de>.
Hi Danny,

this is very strange. I now checked with ompression enabled and it's still
the same on
my system, i.e. I still find these un-compressed style classes as defined in
my 
CSS. My rendered stuff still looks like this:

<div style="padding: 0px; position: absolute; z-index: 5001; top: 171.5px;
left: 394px; visibility: visible; width: 340px;"
class="af|dialog::container">
  <div class="af|dialog::title-bar">
    <div style="float: left;" class="af|dialog::title-text">Datum
auswählen</div>
    <div style="float: right;" class="af|dialog::close-icon"/>
    <div style="clear: both;"/>
  </div>
  <iframe width="100%" height="190" frameborder="0" name="_blank"
class="af|dialog::content"
src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190715181718&loc=de&enc=ISO-8859-1"/>
</div>

In the generated CSS, however, the compressed style classes look as expected
(for example 
af|dialog::container is transformed into x1k, just as in your example).

I have the following in my web.xml (which looks fine to me):

	<context-param>
		<param-name>
			org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION
		</param-name>
		<param-value>false</param-value>
	</context-param>
	
	<context-param>
		<param-name>
			org.apache.myfaces.trinidad.ENABLE_LIGHTWEIGHT_DIALOGS
		</param-name>
		<param-value>true</param-value>
	</context-param>

Are there some other hooks where things can go wrong configuratively? I'm in
a 
Facelets environment - can that cause the problems here?

Thanks in advance,
Carsten


Danny Robinson wrote:
> 
> Carsten,
> 
> Using today's trunk (although I don't think anything has changed), it
> works
> for me:
> 
> My skin contains the following
> 
> /*** Dialog ***/
> 
> af|dialog::container {
>     border: 1px solid red;
>     background-color: #FFFFFF;
>     text-align: left;
> }
> 
> af|dialog::title-bar {
>  -tr-rule-ref:selector(".AFHeaderLevelThreePlus");
>  -tr-rule-ref:selector(".AFDarkBackground:alias");
>     padding: 2px 2px 2px 2px;
> }
> 
> af|dialog::title-text {
>     color: yellow;
>     text-align: left;
> }
> 
> af|dialog::close-icon {
>     color: #FFFFFF;
>     content: url(images/icoWindowClose13.gif);
>     text-align: right;
> }
> 
> af|dialog::content {
> }
> /*** End Panel Popup ***/
> 
> 
> Which generated out as the following with compression enabled:
> 
> <div class="x1k" style="padding: 0px; position: absolute; z-index: 5001;
> top: 199px; left: 478px; visibility: visible; width: 324px;"><div
> class="x1l
> ">
> <div class="x1m" style="float: left;">Skin Settings</div>
> <div class="x1n" style="float: right;"/>
> <div style="clear: both;"/>
> </div>
> <iframe class="x1o" width="100%" height="96" frameborder="0" name="_blank"
> src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=7b897940">
> </iframe>
> </div>
> 
> And with compression disabled:
> 
> div class="af_dialog_container" style="padding: 0px; position: absolute;
> z-index: 5001; top: 199px; left: 478px; visibility: visible; width:
> 324px;">
> <div class="af_dialog_title-bar">
> </div>
> <iframe class="af_dialog_content" width="100%" height="96" frameborder="0"
> name="_blank"
> src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=-7b8fd673">
> </iframe>
> </div>
> 
> 
> 
> On 9/24/07, Carsten Pieper <ca...@continentale.de> wrote:
>>
>>
>> Hi,
>>
>> I tried to skin lightweight dialogs (with the latest 1.0.3-SNAPSHOT) but
>> it
>> didn't work for me.
>> The problem seems to be, that my lightweight selectors (see
>> http://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors)
>> will
>> be "translated"
>> (as always) to something like .af_dialog_container whereas my rendered
>> XHTML
>> has the
>> not-translated versions like af|dialog::container for the lightweight
>> dialogs.
>>
>> Thus, my skinning definitions are never reached!
>>
>> Snippet from my XHTML:
>>
>> <div style="padding: 0px; position: absolute; z-index: 5001; top:
>> 171.5px;
>> left: 394px; visibility: visible; width: 340px;"
>> class="af|dialog::container"><div class="af|dialog::title-bar"><div
>> style="float: left;" class="af|dialog::title-text">Datum
>> auswählen</div><div
>> style="float: right;" class="af|dialog::close-icon"/><div style="clear:
>> both;"/></div><iframe width="100%" height="190" frameborder="0"
>> name="_blank" class="af|dialog::content"
>>
>> src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190614456875&loc=de&enc=ISO-8859-1"/></div>
>>
>> Snippet from my generated CSS (using jetty,
>> ~\target\work\adf\styles\cache\myskin-desktop-dwyvdi-gecko.css):
>>
>> .af_dialog_container
>> {border-color:#96A5B4;background-color:white;border:2px
>> solid #003366;width:210px}
>> .af_dialog_title-bar {border-color:#96A5B4;border-bottom:1px
>> solid;padding:2px 2px 2px 2px;color:#000000;background-color:#EBF0F5}
>> .af_dialog_title-text,.af_panelPopup_title-text {font-family:Arial,
>> Helvetica,
>>
>> sans-serif;font-weight:normal;font-size:13px;white-space:nowrap;overflow:hidden}
>> .af_dialog_close-icon {font-family:Arial, Helvetica,
>>
>> sans-serif;font-weight:normal;font-size:13px;margin-left:5px;background-image:url(/jsf-prototype/adf/images/close.gif);background-position:center;background-repeat:no-repeat;height:13px;width:13px}
>> .af_dialog_content {background-color:#F8F689;border:0px}
>>
>> Best regards,
>> Carsten
>>
>>
>> My Faces - Dev mailing list wrote:
>> >
>> >
>> >      [
>> >
>> https://issues.apache.org/jira/browse/TRINIDAD-654?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
>> > ]
>> >
>> > Danny Robinson resolved TRINIDAD-654.
>> > -------------------------------------
>> >
>> >        Resolution: Fixed
>> >     Fix Version/s: 1.0.3-core
>> >
>> > Added skinning selectors to skin-selectors.xml
>> >
>> >> Lightweight dialogs should be skinnable
>> >> ---------------------------------------
>> >>
>> >>                 Key: TRINIDAD-654
>> >>                 URL:
>> https://issues.apache.org/jira/browse/TRINIDAD-654
>> >>             Project: MyFaces Trinidad
>> >>          Issue Type: Improvement
>> >>          Components: Components
>> >>    Affects Versions: 1.0.2-core
>> >>            Reporter: Danny Robinson
>> >>            Assignee: Danny Robinson
>> >>            Priority: Minor
>> >>             Fix For: 1.0.3-core
>> >>
>> >>
>> >> Right now lightweight dialogs inherit their skinning from panelPopup.
>> >> They should have their own skinning keys.
>> >
>> > --
>> > This message is automatically generated by JIRA.
>> > -
>> > You can reply to this email to add a comment to the issue online.
>> >
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12854609
>> Sent from the My Faces - Dev mailing list archive at Nabble.com.
>>
>>
> 
> 
> -- 
> Chordiant Software Inc.
> www.chordiant.com
> 
> 

-- 
View this message in context: http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12876759
Sent from the My Faces - Dev mailing list archive at Nabble.com.


Re: [jira] Resolved: (TRINIDAD-654) Lightweight dialogs should be skinnable

Posted by Danny Robinson <da...@gmail.com>.
Carsten,

Using today's trunk (although I don't think anything has changed), it works
for me:

My skin contains the following

/*** Dialog ***/

af|dialog::container {
    border: 1px solid red;
    background-color: #FFFFFF;
    text-align: left;
}

af|dialog::title-bar {
 -tr-rule-ref:selector(".AFHeaderLevelThreePlus");
 -tr-rule-ref:selector(".AFDarkBackground:alias");
    padding: 2px 2px 2px 2px;
}

af|dialog::title-text {
    color: yellow;
    text-align: left;
}

af|dialog::close-icon {
    color: #FFFFFF;
    content: url(images/icoWindowClose13.gif);
    text-align: right;
}

af|dialog::content {
}
/*** End Panel Popup ***/


Which generated out as the following with compression enabled:

<div class="x1k" style="padding: 0px; position: absolute; z-index: 5001;
top: 199px; left: 478px; visibility: visible; width: 324px;"><div class="x1l
">
<div class="x1m" style="float: left;">Skin Settings</div>
<div class="x1n" style="float: right;"/>
<div style="clear: both;"/>
</div>
<iframe class="x1o" width="100%" height="96" frameborder="0" name="_blank"
src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=7b897940">
</iframe>
</div>

And with compression disabled:

div class="af_dialog_container" style="padding: 0px; position: absolute;
z-index: 5001; top: 199px; left: 478px; visibility: visible; width: 324px;">
<div class="af_dialog_title-bar">
</div>
<iframe class="af_dialog_content" width="100%" height="96" frameborder="0"
name="_blank" src="/trinidad-blank/faces/skinSwitch.xhtml?_afPfm=-7b8fd673">
</iframe>
</div>



On 9/24/07, Carsten Pieper <ca...@continentale.de> wrote:
>
>
> Hi,
>
> I tried to skin lightweight dialogs (with the latest 1.0.3-SNAPSHOT) but
> it
> didn't work for me.
> The problem seems to be, that my lightweight selectors (see
> http://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors) will
> be "translated"
> (as always) to something like .af_dialog_container whereas my rendered
> XHTML
> has the
> not-translated versions like af|dialog::container for the lightweight
> dialogs.
>
> Thus, my skinning definitions are never reached!
>
> Snippet from my XHTML:
>
> <div style="padding: 0px; position: absolute; z-index: 5001; top: 171.5px;
> left: 394px; visibility: visible; width: 340px;"
> class="af|dialog::container"><div class="af|dialog::title-bar"><div
> style="float: left;" class="af|dialog::title-text">Datum
> auswählen</div><div
> style="float: right;" class="af|dialog::close-icon"/><div style="clear:
> both;"/></div><iframe width="100%" height="190" frameborder="0"
> name="_blank" class="af|dialog::content"
>
> src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190614456875&loc=de&enc=ISO-8859-1"/></div>
>
> Snippet from my generated CSS (using jetty,
> ~\target\work\adf\styles\cache\myskin-desktop-dwyvdi-gecko.css):
>
> .af_dialog_container
> {border-color:#96A5B4;background-color:white;border:2px
> solid #003366;width:210px}
> .af_dialog_title-bar {border-color:#96A5B4;border-bottom:1px
> solid;padding:2px 2px 2px 2px;color:#000000;background-color:#EBF0F5}
> .af_dialog_title-text,.af_panelPopup_title-text {font-family:Arial,
> Helvetica,
>
> sans-serif;font-weight:normal;font-size:13px;white-space:nowrap;overflow:hidden}
> .af_dialog_close-icon {font-family:Arial, Helvetica,
>
> sans-serif;font-weight:normal;font-size:13px;margin-left:5px;background-image:url(/jsf-prototype/adf/images/close.gif);background-position:center;background-repeat:no-repeat;height:13px;width:13px}
> .af_dialog_content {background-color:#F8F689;border:0px}
>
> Best regards,
> Carsten
>
>
> My Faces - Dev mailing list wrote:
> >
> >
> >      [
> >
> https://issues.apache.org/jira/browse/TRINIDAD-654?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
> > ]
> >
> > Danny Robinson resolved TRINIDAD-654.
> > -------------------------------------
> >
> >        Resolution: Fixed
> >     Fix Version/s: 1.0.3-core
> >
> > Added skinning selectors to skin-selectors.xml
> >
> >> Lightweight dialogs should be skinnable
> >> ---------------------------------------
> >>
> >>                 Key: TRINIDAD-654
> >>                 URL: https://issues.apache.org/jira/browse/TRINIDAD-654
> >>             Project: MyFaces Trinidad
> >>          Issue Type: Improvement
> >>          Components: Components
> >>    Affects Versions: 1.0.2-core
> >>            Reporter: Danny Robinson
> >>            Assignee: Danny Robinson
> >>            Priority: Minor
> >>             Fix For: 1.0.3-core
> >>
> >>
> >> Right now lightweight dialogs inherit their skinning from panelPopup.
> >> They should have their own skinning keys.
> >
> > --
> > This message is automatically generated by JIRA.
> > -
> > You can reply to this email to add a comment to the issue online.
> >
> >
> >
>
> --
> View this message in context:
> http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12854609
> Sent from the My Faces - Dev mailing list archive at Nabble.com.
>
>


-- 
Chordiant Software Inc.
www.chordiant.com

Re: [jira] Resolved: (TRINIDAD-654) Lightweight dialogs should be skinnable

Posted by Carsten Pieper <ca...@continentale.de>.
Hi,

I tried to skin lightweight dialogs (with the latest 1.0.3-SNAPSHOT) but it
didn't work for me.
The problem seems to be, that my lightweight selectors (see
http://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors) will
be "translated" 
(as always) to something like .af_dialog_container whereas my rendered XHTML
has the
not-translated versions like af|dialog::container for the lightweight
dialogs. 

Thus, my skinning definitions are never reached!

Snippet from my XHTML:

<div style="padding: 0px; position: absolute; z-index: 5001; top: 171.5px;
left: 394px; visibility: visible; width: 340px;"
class="af|dialog::container"><div class="af|dialog::title-bar"><div
style="float: left;" class="af|dialog::title-text">Datum auswählen</div><div
style="float: right;" class="af|dialog::close-icon"/><div style="clear:
both;"/></div><iframe width="100%" height="190" frameborder="0"
name="_blank" class="af|dialog::content"
src="/jsf-prototype/__ADFv__.faces?_t=cd&value=1190614456875&loc=de&enc=ISO-8859-1"/></div>

Snippet from my generated CSS (using jetty,
~\target\work\adf\styles\cache\myskin-desktop-dwyvdi-gecko.css): 

.af_dialog_container {border-color:#96A5B4;background-color:white;border:2px
solid #003366;width:210px}
.af_dialog_title-bar {border-color:#96A5B4;border-bottom:1px
solid;padding:2px 2px 2px 2px;color:#000000;background-color:#EBF0F5}
.af_dialog_title-text,.af_panelPopup_title-text {font-family:Arial,
Helvetica,
sans-serif;font-weight:normal;font-size:13px;white-space:nowrap;overflow:hidden}
.af_dialog_close-icon {font-family:Arial, Helvetica,
sans-serif;font-weight:normal;font-size:13px;margin-left:5px;background-image:url(/jsf-prototype/adf/images/close.gif);background-position:center;background-repeat:no-repeat;height:13px;width:13px}
.af_dialog_content {background-color:#F8F689;border:0px}

Best regards,
Carsten


My Faces - Dev mailing list wrote:
> 
> 
>      [
> https://issues.apache.org/jira/browse/TRINIDAD-654?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
> ]
> 
> Danny Robinson resolved TRINIDAD-654.
> -------------------------------------
> 
>        Resolution: Fixed
>     Fix Version/s: 1.0.3-core
> 
> Added skinning selectors to skin-selectors.xml
> 
>> Lightweight dialogs should be skinnable
>> ---------------------------------------
>>
>>                 Key: TRINIDAD-654
>>                 URL: https://issues.apache.org/jira/browse/TRINIDAD-654
>>             Project: MyFaces Trinidad
>>          Issue Type: Improvement
>>          Components: Components
>>    Affects Versions: 1.0.2-core
>>            Reporter: Danny Robinson
>>            Assignee: Danny Robinson
>>            Priority: Minor
>>             Fix For: 1.0.3-core
>>
>>
>> Right now lightweight dialogs inherit their skinning from panelPopup. 
>> They should have their own skinning keys.
> 
> -- 
> This message is automatically generated by JIRA.
> -
> You can reply to this email to add a comment to the issue online.
> 
> 
> 

-- 
View this message in context: http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-654%29-Lightweight-dialogs-should-be-skinnable-tf4338073.html#a12854609
Sent from the My Faces - Dev mailing list archive at Nabble.com.