Trinidad shuttle skin

hello
i have an trinidad shuttle ,just i want to change the font size for the text inside it . just for it without affect any other component.
if you do not know how in trinidad please tell me how in ADF.
Regards
Mohd.Weshah

Hi Mohd.Weshah,
Using skinning, you can try the code below.
af|selectManyShuttle::box-content af|selectManyListbox::content {
font-size: 1.5em;
}Regards,
Chan Kelwin

Similar Messages

Is trinidad messages skinning broken in Jdeveloper 11.1.2.4.0 ?

I’m doing localization of ADF components and messages by skinning method with custom java resource bundle. For component keys (resource strings) part, localization is performing as expected.
The same file contains also localized org.apache.myfaces.trinidad. keys, but default English language trinidad messages are being displayed instead of localized, while keys related to the ADF components are displayed as correctly localized at the same time.
There was similar issue reported recently:
https://forums.oracle.com/message/11186222#11186222
Clearing browser cache, java cache, weblogic server cache doesn’t help. I’m testing this with af:inpuDate and the following keys:
{"org.apache.myfaces.trinidad.UIXEditableValue.REQUIRED", "A value is required."},
{"org.apache.myfaces.trinidad.UIXEditableValue.REQUIRED_detail", "You must enter a value."}, {"org.apache.myfaces.trinidad.UIXSelectMany.REQUIRED", "A selection is required."},
{"org.apache.myfaces.trinidad.UIXSelectMany.REQUIRED_detail", "You must make at least one selection."},
{"org.apache.myfaces.trinidad.UIXSelectOne.REQUIRED", "A selection is required."},
{"org.apache.myfaces.trinidad.validator.DateRestrictionValidator.WEEKDAY_HINT", "Enter a date that falls on one of the following days: {0}"},
{"org.apache.myfaces.trinidad.convert.DateTimeConverter.DATE_HINT", "Example: {0}"},
{"org.apache.myfaces.trinidad.convert.DateTimeConverter.TIME_HINT", "Example: {0}"},
{"org.apache.myfaces.trinidad.convert.DateTimeConverter.BOTH_HINT", "Example format: {0}"}
Are there any different steps required for tirinidad messages localization in comparison to localization of ADF resource strings?
Regards,
Boris

Hi,
these
af_inputDate.TIP_TITLE_SELECT_DATE
af_inputDate.TIP_TITLE_SELECT_DATE_AND_TIME
af_inputDate.TIP_CLICK_TO_LAUNCH_POPUP_SELECTOR
are definitively ADF Faces strings that should be filed against ADF if they don't work. My answer referred to strings like
{"org.apache.myfaces.trinidad.UIXEditableValue.REQUIRED", "A value is required."},
{"org.apache.myfaces.trinidad.UIXEditableValue.REQUIRED_detail", "You must enter a value."}, {"org.apache.myfaces.trinidad.UIXSelectMany.REQUIRED", "A selection is required."},
{"org.apache.myfaces.trinidad.UIXSelectMany.REQUIRED_detail", "You must make at least one selection."},
{"org.apache.myfaces.trinidad.UIXSelectOne.REQUIRED", "A selection is required."},
{"org.apache.myfaces.trinidad.validator.DateRestrictionValidator.WEEKDAY_HINT", "Enter a date that falls on one of the following days: {0}"},
{"org.apache.myfaces.trinidad.convert.DateTimeConverter.DATE_HINT", "Example: {0}"},
{"org.apache.myfaces.trinidad.convert.DateTimeConverter.TIME_HINT", "Example: {0}"},
{"org.apache.myfaces.trinidad.convert.DateTimeConverter.BOTH_HINT", "Example format: {0}"}
you had in your post, which are Trinidad strings
Frank

How to let Trinidad Tag use outside css classes instead of skin?

In my project, we asked vendor company to create the UI and css of the whole web application. We are using Trinidad in the project, trinidad use skin to customize the look and feel of the page. Since we have already had a set of css classes, we don't want to apply these css classes to the trinidad skin one by one. Is that a solution to achieve that?

Can we now use jdk 1.5 with Studio Creator? I tried setting the AS_JAVA in
C:\Sun\Creator\SunAppServer8\config\asenv.bat
set AS_JAVA=C:\Program Files\Java\jdk1.5.0_04
however in the help about still says its running 1.4
There must be someway to use 1.5 with the new version of Creator or no?
R
S

Trinidad-config.xml, number-grouping-separator and decimal-separator

Hi,
According to my application locale, numbers are formatted as 1.234,56
Now I want numbers to be formatted the US flavour: 1,234.56
Here is my trinidad-config.xml file contents:
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>mySkin</skin-family>
<number-grouping-separator>,</number-grouping-separator>
<decimal-separator>.</decimal-separator>
</trinidad-config>
The file above is declared in the web.xml file (although I'm not pretty sure this is really necessary):
<context-param>
<param-name>javax.faces.CONFIG_FILES</param-name>
<param-value>/WEB-INF/trinidad-config.xml</param-value>
</context-param>
And an example of a numerical input text:
<af:inputText value="#{row.bindings.Salary.inputValue}" label="#{bindings.EmployeesView3.hints.Salary.label}"
required="#{bindings.EmployeesView3.hints.Salary.mandatory}" columns="#{bindings.EmployeesView3.hints.Salary.displayWidth}"
maximumLength="#{bindings.EmployeesView3.hints.Salary.precision}" shortDesc="#{bindings.EmployeesView3.hints.Salary.tooltip}"
id="it5">
<f:validator binding="#{row.bindings.Salary.validator}"/>
<af:convertNumber pattern="#{bindings.EmployeesView3.hints.Salary.format}" />
</af:inputText>
Where the pattern is set at Entity Object level: Employees EO > Salary attribute > UI Hints > Format: #,##0.00
But it doesn't work. I don't know what I'm missing... Please, help!
JDev 11.1.1.3.0

Hello. With my application locale, numbers are formatted as 1234,56
But i need 1 234.56 format.
To achieve this, I use trinidad-config.xml, that contains few options:
<?xml version="1.0" encoding="windows-1251"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>mySkin</skin-family>
<number-grouping-separator> </number-grouping-separator>
<decimal-separator>.</decimal-separator>
</trinidad-config>
On my page i use af:outputText with af:convertNumber as shown below:
<af:outputText value="1234567,890" id="ot2">
<af:convertNumber currencySymbol="USD" minFractionDigits="2"
groupingUsed="true" type="currency"
maxFractionDigits="2"/>
</af:outputText>
Output: *1 234 567,89 USD*
Why decimal separator hasn't changed?
Byt the way. With convertNumber type "percent" output will be *1 234 567.89%*

Deployment crash / change done was applying customs skins

I created a new skin to extend fusion.desktop and configure it into my application. After that i got this error when executing in embedded wls.
IntegratedWebLogicServer started.
[Running application iEducation on Server Instance IntegratedWebLogicServer...]
[09:26:21 PM] ---- Deployment started. ----
[09:26:21 PM] Target platform is (Weblogic 10.3).
[09:26:22 PM] Retrieving existing application information
[09:26:23 PM] Running dependency analysis...
[09:26:23 PM] Deploying 2 profiles...
[09:26:24 PM] Wrote Web Application Module to C:\Users\michel\AppData\Roaming\JDeveloper\system11.1.1.2.36.55.36\o.j2ee\drs\iEducation\FlexParameterViewControllerWebApp.war
[09:26:24 PM] Wrote Enterprise Application Module to C:\Users\michel\AppData\Roaming\JDeveloper\system11.1.1.2.36.55.36\o.j2ee\drs\iEducation
[09:26:24 PM] Deploying Application...
<25 févr. 2010 21.26. h CET> <Warning> <Deployer> <BEA-149124> <Failures were detected while initiating deploy task for application 'iEducation'. Error is: '[Deployer:149164]The domain edit lock is owned by another session in exclusive mode - hence this deployment operation cannot proceed.'>
[09:26:25 PM] #### Deployment incomplete. ####
[09:26:25 PM] Remote deployment failed (oracle.jdevimpl.deploy.common.Jsr88RemoteDeployer)
#### Cannot run application iEducation due to error deploying to IntegratedWebLogicServer.
[Application iEducation stopped and undeployed from Server Instance IntegratedWebLogicServer]
<?xml version = '1.0' encoding = 'windows-1252'?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5" xmlns="http://java.sun.com/xml/ns/javaee">
<context-param>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>client</param-value>
</context-param>
<context-param>
    <description>If this parameter is true, there will be an automatic check of the modification date of your JSPs, and saved state will be discarded when JSP's change. It will also automatically check if your skinning css files have changed without you having to restart the server. This makes development easier, but adds overhead. For this reason this parameter should be set to false when your application is deployed.</description>
    <param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
    <param-value>true</param-value>
</context-param>
<context-param>
    <description>Whether the 'Generated by...' comment at the bottom of ADF Faces HTML pages should contain version number information.</description>
    <param-name>oracle.adf.view.rich.versionString.HIDDEN</param-name>
    <param-value>false</param-value>
</context-param>
<filter>
    <filter-name>JpsFilter</filter-name>
    <filter-class>oracle.security.jps.ee.http.JpsFilter</filter-class>
    <init-param>
      <param-name>enable.anonymous</param-name>
      <param-value>true</param-value>
    </init-param>
</filter>
<filter>
    <filter-name>trinidad</filter-name>
    <filter-class>org.apache.myfaces.trinidad.webapp.TrinidadFilter</filter-class>
</filter>
<filter>
    <filter-name>adfBindings</filter-name>
    <filter-class>oracle.adf.model.servlet.ADFBindingFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>JpsFilter</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
    <dispatcher>FORWARD</dispatcher>
    <dispatcher>REQUEST</dispatcher>
    <dispatcher>INCLUDE</dispatcher>
</filter-mapping>
<filter-mapping>
    <filter-name>trinidad</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
    <dispatcher>FORWARD</dispatcher>
    <dispatcher>REQUEST</dispatcher>
</filter-mapping>
<filter-mapping>
    <filter-name>adfBindings</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
    <dispatcher>FORWARD</dispatcher>
    <dispatcher>REQUEST</dispatcher>
</filter-mapping>
<listener>
    <listener-class>oracle.adf.mbean.share.connection.ADFConnectionLifeCycleCallBack</listener-class>
</listener>
<listener>
    <listener-class>oracle.adf.mbean.share.config.ADFConfigLifeCycleCallBack</listener-class>
</listener>
<listener>
    <listener-class>oracle.bc4j.mbean.BC4JConfigLifeCycleCallBack</listener-class>
</listener>
<servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet>
    <servlet-name>resources</servlet-name>
    <servlet-class>org.apache.myfaces.trinidad.webapp.ResourceServlet</servlet-class>
</servlet>
<servlet>
    <servlet-name>BIGRAPHSERVLET</servlet-name>
    <servlet-class>oracle.adfinternal.view.faces.bi.renderkit.graph.GraphServlet</servlet-class>
</servlet>
<servlet>
    <servlet-name>BIGAUGESERVLET</servlet-name>
    <servlet-class>oracle.adfinternal.view.faces.bi.renderkit.gauge.GaugeServlet</servlet-class>
</servlet>
<servlet>
    <servlet-name>MapProxyServlet</servlet-name>
    <servlet-class>oracle.adfinternal.view.faces.bi.renderkit.geoMap.servlet.MapProxyServlet</servlet-class>
</servlet>
<servlet>
    <servlet-name>GatewayServlet</servlet-name>
    <servlet-class>oracle.adfinternal.view.faces.bi.renderkit.graph.FlashBridgeServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>resources</servlet-name>
    <url-pattern>/adf/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>resources</servlet-name>
    <url-pattern>/afr/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>BIGRAPHSERVLET</servlet-name>
    <url-pattern>/servlet/GraphServlet/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>BIGAUGESERVLET</servlet-name>
    <url-pattern>/servlet/GaugeServlet/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>MapProxyServlet</servlet-name>
    <url-pattern>/mapproxy/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>resources</servlet-name>
    <url-pattern>/bi/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>GatewayServlet</servlet-name>
    <url-pattern>/flashbridge/*</url-pattern>
</servlet-mapping>
<jsp-config>
    <jsp-property-group>
      <url-pattern>*.jsff</url-pattern>
      <is-xml>true</is-xml>
    </jsp-property-group>
</jsp-config>
</web-app>
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>flex</skin-family>
</trinidad-config>
<?xml version="1.0" encoding="UTF-8" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
    <id>flex.base</id>
    <family>flex</family>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <extends>fusion.desktop</extends>
    <style-sheet-name>css/flex-fusion-extension.css</style-sheet-name>
    
    
</skin>
<skin-addition>
    <skin-id></skin-id>
    <style-sheet-name></style-sheet-name>
    
    
</skin-addition>
</skins>flex-fusion-extension.css
.af_resetButton {
padding-left: 5.0px;
padding-right: 5.0px;
padding-bottom: 3.0px;
}

goto console and click the button "Activate Changes" on the left side. This should resolve your issue.
or
stop the server and search for the .lok file under your server directory.

Skinning in ADF 11g

Hi all,
I have created a CSS file:*myCompanySkin.css*
af|inputText::label {font-weight: bold}
and then i have created a file Trinidad-skins.xml
<?xml version="1.0" encoding="windows-1252" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>mycompany.desktop</id>
<family>mycompany</family>
<extends>blafplus-rich.desktop</extends>
<style-sheet-name>css/myCompanySkin.css</style-sheet-name>
</skin>
</skins>
and then i have modifed the trinidad-config.xml file as
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>mycompany</skin-family>
</trinidad-config>
by doing this some of my input field labels are changed as bold ,some of the filed labels are not changed.can anyone pls guide me in this.
Thanks & regards,

Hi,
can you give us the page source of the input form elements that are not changed ? In addition, can you try extending the "fusion" skin in opposite to blafblus-rich to see if it makes a difference ?
Frank

Component labels not rendering correctly after applying fusion skin

Hi
I have been using ADF 11g with blaf-plus-rich skin. Recently I upgraded to 11g R1 Patch Set 1 . I applied the new fusion skin and after that labels on the components are not appearing in the right color. They are appearing in white color as the back ground color of panel box in which they are in.
Any help is greatly appreciated
Thanks
AC

Hi Frank,
Please see the code below :
1. Code snippet from page template used by our app :
<f:facet name="second">
<af:panelStretchLayout id="pt_psl1">
<f:facet name="center">
<af:decorativeBox id="contentBody" theme="contentBody">
<f:facet name="center">
<af:facetRef facetName="content"/>
</f:facet>
</af:decorativeBox>
</f:facet>
<f:facet name="bottom">
<af:facetRef facetName="contentBottom"/>
</f:facet>
</af:panelStretchLayout>
</f:facet>
2. Code snippet from trinidad-config.xml
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>mystyle</skin-family>
</trinidad-config>
3. Code Snippet from trinidad-skins
<?xml version="1.0" encoding="windows-1252" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>mystyle.desktop</id>
<family>mystyle</family>
<extends>fusion.desktop</extends>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name>common/css/mystyle</style-sheet-name>
<bundle-name>myBundle</bundle-name>
</skin>
</skins>
4.Code snippet from a jspx page
<af:panelGroupLayout layout="scroll" id="pgl1">
<af:panelHeader text="test"
inlineStyle="padding:2px;" id="ph1"/>
<af:panelBox text="search"
id="id" inlineStyle="padding:2px;"
styleClass="AFStretchWidth">
<af:panelGroupLayout layout="vertical" id="pgl6" valign="top">
<af:panelGroupLayout layout="horizontal" id="pgl2" valign="top">
<af:panelFormLayout id="pfl1" labelWidth="75"
inlineStyle="margin-right:30px;">
<af:group id="grp1">
<af:panelLabelAndMessage label="Test Label"
id="plam1" for="supplierId">
<af:inputListOfValues popupTitle="Lov Title"
simple="true" id="supplierId"
model=""
value=""
autoSubmit="true"
valueChangeListener=""
columns=""
converter="javax.faces.Long"
maximumLength="10"
searchDesc=""
binding=""
disabled="">
<f:validator binding=""/>
</af:inputListOfValues>
</af:panelLabelAndMessage>
</af:panelFormLayout>
</af:panelGroupLayout>
</af:panelGroupLayout>
</af:panelBox>
</af:panelHeader>
</<af:panelGroupLayout>
The label for the LOV is rendering in white color. If I change my template theme to "medium" or "light", the labels
are rendred correctly , but text values in disabled input text appear as white.

Skin for iphone, pictures are not loaded

Dear community,
i'm testing an iphone skin for a simple mobile browser application in a desktop browser. The pictures are not loaded and I cannot find the reason:
JDeveloper 11.1.1.5.0
Tree in Web Content:
=============
images/backButton.png
images/toolButton.png
skins/iphone.css
page.jsp
trinidad-config.xml
============
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>iPhonewebkit</skin-family>
</trinidad-config>
trinidad-skins.xml
===========
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>iphone</id>
<family>iPhonewebkit</family>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name> skins/iphone.css </style-sheet-name>
</skin>
</skins>
iphone.css
======
.button {
position: absolute !important;
overflow: hidden !important;
top: 8px !important;
right: 6px !important;
margin: 0 !important;
border-width: 0 5px !important;
padding: 0 3px !important;
width: auto !important;
height: 30px !important;
line-height: 30px !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0 !important;
text-overflow: ellipsis !important;
text-decoration: none !important;
white-space: nowrap !important;
background: none !important;
-webkit-border-image: url(/images/toolButton.png) 0 5 0 5 !important;
.backButton {
position: absolute !important;
overflow: hidden !important;
top: 8px !important;
left: 6px !important;
margin: 0 !important;
height: 30px !important;
width: auto !important;
line-height: 30px !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0 !important;
text-overflow: ellipsis !important;
text-decoration: none !important;
white-space: nowrap !important;
background: none !important;
-webkit-border-image: url(/images/toolButton.png) 0 5 0 5 !important;
padding: 0 !important;
border-width: 0 8px 0 14px !important;
-webkit-border-image: url(/images/backButton.png) 0 8 0 14 !important;
I have tried also relative URLs by moving images directory into skins directory, but without success. What am I doing wrong?
Thanks for support,
DF
Edited by: 907283 on 11.01.2012 01:31
Edited tree

Sorry, I forgot to paste it:
<tr:messages/><h:form>
<tr:panelHeader text="Display Items" styleClass="toolbar">
<tr:commandButton text="Back" action="start"
styleClass="backButton"/>
<tr:commandButton text="Show Details" action="detail"
styleClass="button"/>
</tr:panelHeader>
toolbar definition in css:
.toolbar {
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
border-bottom: 1px solid #2d3642 !important;
border-top: 1px solid #000000 !important;
padding: 10px !important;
height: 45px !important;
background: url(/images/toolbar.png) #6d84a2 repeat-x !important;
display: block !important;
.toolbar > h1 {
position: absolute !important;
overflow: hidden !important;
left: 50% !important;
margin: 1px 0 0 -75px !important;
height: 45px !important;
font-size: 20px !important;
width: 150px !important;
font-weight: bold !important;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0 !important;
text-align: center !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: #FFFFFF !important;
border-bottom: none !important;
Thanks!

My VScrollBar applied on List ignores my custom Skin

I'm trying to customize the skin of a List. The code looks like this:
<s:List id="selector" x="670" height="327" itemRenderer="components.GalleryThumbnailRenderer" borderVisible="false" contentBackgroundAlpha="0" focusAlpha="0" horizontalScrollPolicy="off">
      <s:layout>
          <s:TileLayout requestedColumnCount="2" horizontalGap="1" verticalGap="1" />
     </s:layout>
     <s:scroller>
          <s:Scroller>
               <s:verticalScrollBar>
                    <s:VScrollBar skinClass="components.VScrollSkin" />
               </s:verticalScrollBar>
          </s:Scroller>
     </s:scroller>
</s:List>
I've generated the components.VScrollSkin with Flash Builder using spark.components.VScrollBar as host component and created as a copy of spark.skins.spark.VScrollBarSkin
Whatever I change and do in components.VScrollSkin isn't applied when I build the app. Always the default Skin is shown. I've but a trace in components.VScrollSkin to see if it's actually being loaded or not. But it is being used.
What am I doing wrong????

Thank you Frank for your response.....
I have used the stand alone skineditor version:
Skin Editor Version 11.1.2.0.0
Build JDEVADF_11.1.2.0.0_GENERIC_110531.1615.6017
I followed the following steps:
- From the skin editor - I created a new application with target application release 11.1.1.4
-- Created a new skin
--- Changed af|selectonechoice background color to maroon....
---- Created deployment profile - adf library jar file with all standard option (i didn't make any changes)
----- created jar file using newly creately deployment profile
Open Jdev Studio Edition Version 11.1.1.4.0
- Opened Web application project properties
-- Under libraries and classpath --> added new library --> added skin jar file and fusion-simple-skin.jar file
--- Open trinidad-config.xml file and changed content to :
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>skin1</skin-family>
</trinidad-config>
Now in Jdev design mode I see all dropdown fields background changed to Maroon.....
But wHen I run the page from Jdev. I don't see those dropdown background changed to Maroon. But it looks like it is using some new skin.... because all fonts of label are little bigger than usual...... on the running page....

JDev cannot find skin

I added a skin yesterday that extends the default FusionFx skin, and everything worked fine. Today, I started a new JDev session, but got the following error message:
Can't find a skin that matches family esr and renderkit org.apache.myfaces.trinidad.desktop, so we will use the simple skin
Both the JDev jsp designer and the WLS deployment display pages using the simple skin, so it is a real problem and not a warning to ignore.
Have noticed this in JDev 11.1.1.4 Window and in a later Linux version.
Here are the applicable files - I thought I was following the doc, but am i doing something wrong?:
trinidad-skins.xml (under /ViewController/src/META-INF:
<?xml version="1.0" encoding="UTF-8" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>esr.desktop</id>
<family>esr</family>
<extends>fusionFx-v1.desktop</extends>
<style-sheet-name>/css/esr.css</style-sheet-name>
</skin>
</skins>
trinidad-config.xml - under /ViewController/public_html/WEB-INF:
<?xml version="1.0" encoding="UTF-8"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>esr</skin-family>
</trinidad-config>
The esr.css file is under /ViewController/public_html/css

here some hints
https://kr.forums.oracle.com/forums/thread.jspa?threadID=927968
JDeveloper ADF dynamic skinning - skin family not found
how to solve trinidad skin problem

PanelCollection's View menu label became white after skinning

Hi OTN,
I have applied a custom skin to my ADF application, following official guide.
trinidad-skins.xml:
<?xml version="1.0" encoding="windows-1252" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
    <id>SBAskin.desktop</id>
    <family>SBAskin</family>
    <extends>fusion.desktop</extends> // not extending fusionFx.desktop ?
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>css/master.css</style-sheet-name>
</skin>
</skins>trinidad-config.xml
<?xml version="1.0" encoding="windows-1251"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">

<skin-family>SBAskin</skin-family>
</trinidad-config>In master.css there is some slight styling of header and table rows.
After that one of page's panelCollection's "View" menu label became white.
A label in facet:toolbar is also white.
To find out the cause of the problem I deleted everything from master.css. But the labels are still white.
Here is a page structure: http://img843.imageshack.us/i/structure.png/
Please, take a look.
If I switch back to fusionFx family, the colors are ok.
How can I return colors back to normal in current custom skin?
And also, please take a look on a commented code row.
I thought I need to extend fusionFx.desktop as soon as fusionFx is a default skin-family. But <extends>fusionFx.desktop</extends> gives nothing.
That should I extend?
Thanks.
ADF 11.1.1.4
Seems, white color comes from decorative-box with theme="dark".
But why isn't it white with default skin family?
Edited by: ILya Cyclone on Mar 25, 2011 6:46 PM

Hello,
What Jdeveloper version are you using?
in my application trinidad-config.xml , I have Fusion not FusionFX
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>fusion</skin-family>
</trinidad-config>
I doubt this will help you! but you may try it.
Regards,
Shomoos

Skinning inputtext

Hi all,
I'm using ADF faces 11gR1.
I would like to change the background color of the content of an input text when it has the focus, and change to original background color when it has onBlur.
I'm trying to create skining entries for inputtexts in a css file to apply for all the inputtexts that the application has, in order to avoid adding code for every one.
I've tried this but doesn't work:
af|inputText::content:focus {background-color:red}
or
af|inputText:focus::content {background-color:red}
I haven't found the property blur.
please, does anyone know how to do this?
any response will be appreciated...
Another kind of solution as well...
XAVI.

Hi Patrik,
thank you very much for your answer.
i think that css file is working correctly, because i've custom styles defined that have been applying correctly.
but this doesn't work! :(
I've repeated the registration process and i've created a new css file in a new project and nothing..........
Here is my configuration:
trinidad-config.xml
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>test</skin-family>
</trinidad-config>
trinidad-skins
<?xml version="1.0" encoding="windows-1252" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>test.desktop</id>
<family>test</family>
<extends>blafplus-rich.desktop</extends>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name>css/testFile.css</style-sheet-name>
</skin>
</skins>
and CSS3 activated with ADF extension in preferences
in test.css i've:
af|inputText::content:focus {
background-color: blue;
So, when I set the cursor on an input text field, it has no change.
Could it be a bug in release 1??
Someone has tried to do this? and works?
Thank you all,
XAVI.

Skinning: skin not loaded

Hello All,
i am having issue with getting skin css loaded.... it is always loading .........ui/adf/styles/cache/*blafplus-rich-desktop-p7eitp-en-ltr-gecko.css* , although i have defined my custom skin it's not doing so...
trinidad-skins.xml
<?xml version="1.0" encoding="UTF-8" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>mydesktopTest</id>
<family>myTest</family>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<extends>blafplus-rich.desktop</extends>
</skin>
</skins>
trinidad-config.xml
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>myTest</skin-family>
</trinidad-config>
But it's not loading my myTest skin .....
Please let me know if i missed anything...
jdev : 11.1.1.6.0
Thanks

Hi,
ask on the WebCenter forum: WebCenter Portal You cannot have a skin per portlet and as such skins need to be applied to the root application, which in your case seem to be the portlet producer. However, the WebCenter folks will know about this issue, which is why you should try it there
Frank
Ps.: I would give them some more information than what is currentl yin your question. Usually version numbers help pointing out if there is a bug.

Skinning ADF table

Hi All,
I'm trying to skin an ADF table but am having a few troubles. I have disabled css compression by adding
<context-param>
     <param-name>org.apache.myfaces.trinidadinternal.DISABLE_CONTENT_COMPRESSION</param-name>
     <param-value>true</param-value>
</context-param>to my web.xml. I'm now using firebug to inspect the elements. For a table row it is returning
portlet-table-alternate
how does this relate to what I add to my css file?
Does anyone have an example skins file (other than the blaf one I can try out?)
Thanks

hello, you need a few files.
trinidad-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family><skin name></skin-family>
</trinidad-config>trinidad-skins.xml
<?xml version="1.0" encoding="UTF-8"?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
    <skin>
        <id><skin name>.desktop</id>
        <family><skin name></family>
        <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
        <style-sheet-name><dir to css file></style-sheet-name>
        <extends>blafplus-rich.desktop</extends>
        <bundle-name>nl.nak.iva.aanvragen.ResourceBundle</bundle-name>
    </skin>
</skins>Link:
http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
Some examples of what you can skin in a table:
/* Table general */
.AFTableCellPadding:alias {
padding:                0pt;
.AFTableCellHeaderPadding:alias {
padding:                0pt;
/* Table columns */
af|column::column-header-cell {
color:                  white;
background:             rgb(28,62,172);
font-weight:            bold;
white-space:            nowrap;
padding:                1pt;
af|column::banded-data-cell {
background-color:       rgb(198,197,196);
border:                 0pt;
padding:                0pt;
/* current row */
af|table::data-row:selected af|column::data-cell,
af|column::data-cell:selected {
background-color:       rgb(102,255,51);
af|table::data-row:selected af|column::banded-data-cell,
af|column::banded-data-cell:selected {
background-color:         rgb(102,255,51);
/* Focus row */
af|table::data-row:selected:focused af|column::banded-data-cell {
background-color:         rgb(102,255,51);
af|table::data-row:selected:focused af|column::data-cell {
background-color:       rgb(102,255,51);
/* hover row */
af|table::data-row:highlighted af|column::data-cell,
af|column::data-cell:highlighted {
background-color:       rgb(28,62,172)
af|table::data-row:highlighted af|column::banded-data-cell,
af|column::banded-data-cell:highlighted {
background-color:       rgb(28,62,172)
}Note that these examples will result in hideous colors! (-:
-Anton

Table getting clipped after migrating from 10g to 11g

Hi We migrated our application from 10g to 11g, our application got converted to a trinidad application, skin details are follows:
trinidad skins.xml:
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>
suede.desktop
</id>
<family>
suede
</family>
<render-kit-id>
org.apache.myfaces.trinidad.desktop
</render-kit-id>
<style-sheet-name>
skins/suede/suede.css
</style-sheet-name>
</skin>
</skins>
Trinidad Config.xml:
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>
suede
</skin-family>
</trinidad-config>
The problem is when the page loads, the table in the page is shown in a small box (please check the image: http://files.oraclecorp.com/content/AllPublic/Users/Users-J/jaya.battaramvenkatanaga-Public/anonymous/tableclipped.JPG), I am not sure if this is skin problem or layout problem. Please let me know if there is any correction in skin details given above, other wise if lay out is the problem, please provide any documents regarding trinidad layouts.
Edited by: user9976446 on Mar 1, 2011 5:11 AM
Edited by: user9976446 on Mar 1, 2011 5:19 AM
Edited by: user9976446 on Mar 1, 2011 5:20 AM

Hi Jaya,
I think it's a layout problem, the table component or the outer component around the table is set to some default width value (300px?). Try setting the width explicitly to something larger, or see if you can use a stretchable layout component around the table.
If you post the code from your page here we might be able to say more.
For reference:
Trinidad tag library http://myfaces.apache.org/trinidad/trinidad-api/tagdoc.html
A useful migration guide from 10g to Trinidad http://wiki.apache.org/myfaces/from_ADF_to_Trinidad

Trinidad shuttle skin

Similar Messages

Maybe you are looking for