UIX xss

I want to include custom styles in my UIX pages. I already read the documentation regarding on how to make the stylesheets, and the blaf.xss file. My problem is how can I manipulate this file. Do I have to make a test.xss file, import the blaf.xss and add my own custom styles or what. Hope you can help me

I'm simply following the UIX Customization chapter, forum threads and info I've found on the web, but I cannot get any custom style to render; nor am I able to override blaf.xss styles using my own stylesheet.
uix-config.xml I assume is being read by the application because if I take out the namespacing 'portal.dynamex.com' etc. all pages within the app throw a NullPointerException. (I've used the oracle.com/config ns too, same result)
If I alter blaf.xss directly and change the "DefaultFont" style, I do see the change in all pages. If I add "myStyle" style to blaf.xss OR to dxnetStyles.xss, then use <styledText styleClass="myStyle" text="test" /> I get nothing... neither style sheet seems to care I've added my own style.
uix-config.xml is in <app>/htdocs/WEB-INF directory, dxnetStyles.xss is in the same directory as blaf.xss. blaf.xss is being imported by dxnetStyles.xss and as a test I'm simply trying to override "TextForeground" style... to no avail.
I've stopped and started the OC4J instance thinking it was a cache issue, I've deleted the /cache files.
I cannot figure out what I'm doing wrong and any thoughts would be helpful.
XXXXX uix-config.xml XXXXXXXX
<?xml version="1.0" ?>
<configurations xmlns="http://portal.dynamex.com/po/config">
    
    <application-configuration>
      <check-modified>true</check-modified>
    </application-configuration>
    
    <default-configuration>
      <style-sheet-name>dxnetStyles.xss</style-sheet-name>
    </default-configuration>
</configurations>XXXXX END uix-config.xml XXXXXXXX
XXXXX SIMPLE XSS FILE dxnetStyles.xss XXXXXX
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style"
                    version="2.0">
<import href="blaf.xss"/>

<styleSheet>


<style name="TextForeground">
    <property name="color">#FF0000</property>
</style>
</styleSheet>
</styleSheetDocument>XXXXX END SIMPLE XSS FILE - dxnetStyles.xss XXXXXX

Similar Messages

UIX/XML: XSS styleSheets

I'm trying to override some styles from the blaf.xss. So i created my own stylesheet like so:
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<import href="blaf.xss"/>
<styleSheet>
<style name="DefaultFontFamily">
<property name="font-family">serif</property>
</style>
<style selector=".OraTableCellText">
<includeStyle name="DefaultFont"/>
<includeStyle name="LightAccentBackground"/>
<includeStyle name="TextForeground"/>
<property name="vertical-align">top</property>
</style>
And I created the following uix-config.xml file in the same dir as the web.xml file:
<configurations xmlns="http://xmlns.oracle.com/uix/config">
<default-configuration>
<styles-directory>Y:\eRefFE\public_html\styles\</styles-directory>
<style-sheet-name>fti.xss</style-sheet-name>
<accessibility-mode>inaccessible</accessibility-mode>
</default-configuration>
</configurations>
Now for some reason my redefined styles are not applied.
Why?
Thanks,
Guido

Thanks Adam, that helped - a bit.
I'm now using the following uix-config file:
<?xml version="1.0" encoding="ISO-8859-1"?>
<configurations xmlns="http://xmlns.oracle.com/uix/config">
<default-configuration>
<styles-directory>
<context-uri>\styles\</context-uri>
</styles-directory>
<style-sheet-name>fti.xss</style-sheet-name>
<accessibility-mode>inaccessible</accessibility-mode>
</default-configuration>
</configurations>
but it seems my <style-sheet-name> element is ignored. It always uses blaf.xss in the styles directory - when I modify the blaf.xss it works. But I dont want to do that.
Maybe there's something wrong with my xss file:
<?xml version="1.0"?>
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<import href="blaf.xss"/>
<styleSheet>
<style selector=".OraTableCellText">
<property name="vertical-align">top</property>
</style>
<style selector=".OraTableCellSelect">
<property name="vertical-align">top</property>
</style>
<style selector=".OraTableCellIconButton">
<property name="vertical-align">top</property>
</style>
<style selector=".OraTableCellIconButtonBand">
<property name="vertical-align">top</property>
</style>
</styleSheet>
</styleSheetDocument>
Any idea?
Guido

Problem with uix-config.xml, custom stylesheet mystyles.xss

using JDeveloper 9i (9.0.3.1035)
Hi,
I have created a uix-config.xml in the WEB-INF directory of my web-application. It looks as follows:
<?xml version="1.0" encoding="ISO-8859-1"?>
<configurations xmlns="http://xmlns.oracle.com/uix/config">
<application-configuration debug="true" >
<style-sheet-name>mystyles.xss</style-sheet-name>
</application-configuration>
</configurations>
(I did try to use the default-configuration element but there result was similarly disappointing)
in the /cabo/styles directory, I have created the mystyles.xcc file:
<?xml version="1.0"?>
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<import href="blaf.xss"/>
<styleSheet>
<style name="DefaultFontFamily">
<property name="font-family">serif</property>
</style>

<style name="DefaultFont">
<property name="font-size">15pt</property>
</style>
</styleSheet>
</styleSheetDocument>
When I start the application, I notice that debug-mode is switched on, i.e. the uix-config.xml is found and correctly loaded. However, I see no effect whatsoever of my own stylesheet mystyles.xss.
I have even tried to define the stylesheet on the UIXPagebroker servlet in the web.xml (though I have no idea whether that is possible at all):
<servlet>
<servlet-name>uix</servlet-name>
<servlet-class>oracle.cabo.servlet.UIXServlet</servlet-class>
<init-param>
<param-name>oracle.cabo.servlet.xml.CheckModified</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>oracle.cabo.ui.StylesheetName</param-name>
<param-value>mystyles.xss</param-value>
</init-param>
In short, is there anyone who can tell me how to "invoke" my own stylesheet? Am I doing something wrong?
Thanks for your thoughts!
Lucas

OK,
I have been reading more of the other posts on this topic and figured out the problem. Of course I had used the <stylesheet-name> element listed in the On Line Help UIX Developer's Guide instead of the <stylesheet> it should be.
Having made that change in the uix-config.xml file, everything was fine.
(so now no more rubbish in the web.xml, a straightforward uix-config.xml and my own mystyles.xss)
<?xml version="1.0" encoding="ISO-8859-1"?>
<configurations xmlns="http://xmlns.oracle.com/uix/config">
<default-configuration debug="true" >
<style-sheet>tmitts.xss</style-sheet-name>
</default-configuration>
</configurations>
and
<?xml version="1.0"?>
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<import href="blaf.xss"/>
<styleSheet>
<style name="DefaultFontFamily">
<property name="font-family">serif</property>
</style>

<style name="DefaultFont">
<property name="font-size">15pt</property>
</style>
</styleSheet>
</styleSheetDocument>
best regards,
Lucas Jellema (AMIS Services BV)

UIX Look&Feel with custom icons

I am trying to create my own look and feel configuration for a UIX application and I still want to allow customers to easily change the colors of the look and feel by just using a different .xss file.
This works nicely apart from the icons I used e.g. for the content container.
Now my question what do I have to do to automatically color my icons in colors defined in the .xss file as the regular BLAF does.
Can I declare this somehow in my LookAndFeelConfig.xml file? Or do I have to use the
<instance class="" method=""/> element for the image. If so are there any utility classes from UIX that help me change the color of an image?
thanks,
Guido
Currently what I have is smthg. like this:
<icon name="contentContainerLightHeaderStart">
<context-image uri="Images/fti_alternate/cnr_drk_tl.gif"/>
</icon>
With the icon having a fixed color idependent of any styles.

repost. Is this supported or not?
I decompiled part of the UIX framework and it seems this is not really intended as the class coloring the Icons uses some fixed style names and is only useful for the OracleDesktopLookAndFeel.
Are you thinking of making something like this available in one of the next releases?
I think this would a be a very nice feature. At least what I suggest is that for Instance icons the method that returns the icon gets a RenderingContext (and maybe the name of the icon so you can have one method for mulitple icons) - this way a you can implement the code to color the icon in that method.
Let me know what you think.
Guido

Changing a style in xss depending on the facet

Is it possible to change a style in the xss depending on the facet?
I want to change in my UIX application the prompt style of the messageTextInput components - not the contentStyle - for example underline the prompts. But I want this to happen only if facet==printable.
Can I change this once in an xss and apply it to the whole application? I know I should change the OraPromptsomething (I've found the correct one, I just don't have its name here) - but I don't know how to change it depending on the facet

So I suppose it is not possible?

UIX 2.1.21: Change minimum width of a button?

Hi, how can i change the minimum width of a UIX button?
For UIX buttons the width depends on the length of the text that shall be displayed.
e.g. for "Ok" and "Cancel" (German: "Abbrechen") buttons this looks not really nice.
Any possibility to define this in the XSS or as a button attribute?
Thanks, Markus

No, I would like to set a minimum width, e.g. 2.0 cm, so that each Button is rendered at least to this width, even if the label text is that short that normally it would have a length of 1 cm.
A requirement from our UI Styleguide.

UIX - Changing read-only-table row colors

Hi
I have the requirement to alternate the background-row-color in an UIX read-only-table dependent on a value in the row.
Can anybody point me in the right direction of a solution please?
I'm familiar enough with the styles in the XSS style sheets, and using EL to dynamically change attributes of a UIX web page when rendered. However in the default <table> UIX tag generated by JDeveloper when dragging a data control onto a UIX web page, there doesn't appear to be a <row> tag for changing the background colour?
Any help appreciated
I'm using JDeveloper 9.0.5.2.
Cheers,
CM.

I don't know if this works in JDeveloper 9.0.5.2, but there's a solution at least for JDevloper 10.1.2. You have to define a different styleClass (a CSS) for each column, depending on a condition. This solutions works as well together with row banding:
<column>
<columnHeader>
    <sortableHeader model="${ctrl:createSortableHeaderModel(bindings.MyView,'Seats')}" text="Seats"/>
</columnHeader>
<contents>
    <rowLayout width="100%" styleClass="${ui:cond(uix.current.IsLocked == 'J', 'OraTableCellLocked', '')}">
      <contents>
        <cellFormat>
          <contents>
            <textInput model="${ui:defaulting(uix.current.Seats, ' ')}" columns="10" readOnly="true"/>
          </contents>
        </cellFormat>
      </contents>
    </rowLayout>
</contents>
</column>The styleClass "OraTableCellLocked" has to be defined in the file "base-desktop.xss". An example ("Locked" cells are displayed with a red background):
   <style selector=".OraTableCellLocked">
    <includeStyle name="TableCellDataText"/>
    <includeStyle name="TableCellDataVerticalAlign"/>
    
    <includeStyle name="TableCellDataBorderColor"/>
    <property name="background-color">#FFA4A4</property>
</style>Hope this helps, although the original is very old.
Regards,
Georg

UIX layouts

Hi,
I'm new to UIX development so foregive my lack of knowledge on this topic.
After reading the J developer documentation and UIX Developer's Guide, I'm still not sure which XSS files I should be modifying to customise the layout of my UIX application. For the sake of simplicity, let's say I want to change the background color of my BC4J UIX application. It's easy to do this in standard JSP applications by either editing the HTML tags or the CSS sheet, but J Develper doesn't seem to generate visible style sheet for UIX applications. Do you know which style sheet I should be editing and where these are located in the directory? Thank you.

Hi,
I've noticed four main advantages of UIX over standard HTML and JSP:
1. UIX has a felxible framework. For example, you can
use (render) your own HTML or JSP pages with UIX features.
2. It maintains consistent appearance because it uses high level controls
(ie: XSS style sheets)
3. Broad range of client support -it adjusts its presentation to suit various
browsers. UIX is also good for internationalisation and developing
applications in different locales.
4. High performance, such as caching and resuse of shared resources
The main disadvantage of UIX is that it is more difficult to develop UIX
applications than to develop HTML or JSP. Hope this helps.

Including a particular stylesheet in uix

I have 3 style sheets (.xss) files.
For different modules, there is a requirement to use different .xss files.
One is already present as default in the uix-config.xml <style-sheet-name> tag.
What is the tag I need to include in the uix pages to include the particular/the other .xss file ?
Thanks,
Urvi

Look at this thread
re:UIX/XML: XSS styleSheets
There is mention of a bug regarding the element to use - <style-sheet> instead of <style-sheet-name>. There might be some other stuff of interest in there as well.
Cheers
Ian

CSS to XSS Conversion Utility

Dose anyone know where I can find a utility which converts .css files to .xss format?
Thanks

I don't know of such a utility - the UIX team does not have one. However, you are not necessarily required to convert your CSS documents to XSS. If you just want to include some CSS styles in a uiXML page, you can do so by explicitly using the HTML link element, eg:
<document xmlns="http://xmlns.oracle.com/uix/ui"
          xmlns:html="http://www.w3.org/TR/REC-html40">
<metaContainer>
   <head>
   <contents>
     
     <html:link rel="stylesheet" type="text/css" href="/context-root/foo.css"/>
   </contents>
   </head>
</metaContainer>
<contents>

</contents>
</document>Andy

During migration to 10 g production loosing .xss and .css files

When I add a project using 10 g production which was created in 10 g preview I am loosing all the .css and .xss files. The file is present but there is nothing in them???
regards.

are these files part of the uix installables (files in the /cabo directory?)

UIX table and textInput with multiple rows

JDev 9.0.5.2
I created an input form with a messageTextInput which allows the user to enter in multiple lines of text with the ability to use the return key. When I edit the record, the messageTextInput displays the lines of text just as the user entered them with the correct spacing and returns.
My question is how do I get the messageTextInput data to display properly in a UIX read only table?
I am able to display it with a scroll bar but I would prefer for the field to be sized based on the amount of data to display without scroll bars.
Thanks for any help.

I tried this but the table would not use my new style. Here is what I have in my xss:<style selector=".DVTableBorder">
<property name="border-width">0px 0px 0px 0px</property>
</style>

Can I include my own style definition in a .xss file for a custom laf?

I am trying to create a custom look-and-feel within UIX to get it as close as possible to
our existing application's look-and-feel.
So I have an elance-laf.xml which points to an elance.xss stylesheet.
In elance.xss, I override some of the simple laf styles.
In addition, I also want to define my own styles.
so elance.xss looks something like this:
<?xml version="1.0"?>
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<styleSheet>
<style name="DefaultFont">
<property name="font-family">Courier</property>
<property name="font-size">14pt</property>
</style>
<style name="ButtonServerText">
<property name="background-color">#CEC992</property>
</style>
<style name="myStyle">
<property name="background-color">#8397AF</property>
</style>
</styleSheet>
</styleSheetDocument>
The problem is that "myStyle" never makes it to the automatically generated
cabo/styles/cache/elance-desktop-2_2_8-en-ie-6-windows.css
Is this not allowed?
I need this because I will be writing some custom template
based renderers where I would want to use my own styles.
Any help is greatly appreciated.
Thanks,
Jayesh Kapoor

Hi Jayesh -
The XSS language supports two different types of styles: named styles and selector-based styles.
Named styles are used to define a set of style properties that are referenced by name from other styles (using the <includeStyle> element). These styles do not show up in the generated CSS style sheet - they are used to simplify the XSS style sheet definition.
Selector-based styles are associated with a CSS selector instead of a name. These styles do show up in the generated style sheet.
So, if you want to define a CSS style, you'll need to specify a selector-based style instead of a named style. That is, instead of:
<style name="myStyle">You want:
<style selector=".myStyle">Note that I added the "." prefix to your style name to indicate that it is a CSS class selector.
Andy

Changed Configuration paths with ConfigurationImpl for UIX CSS

Hi,
I want to change the default stylesheets for UIX components. therefore I read chapter 7 Customization and then chapter 10 Configuration of the help to JDeveloper (v. 9.0.2). I found out, that if I want to use my style sheets, I have to write a XSS file, what I did, and then include that to my application - somehow. I will not change the blaff.xss file, therefore I chose the way to instatiate a new ConfigurationImpl, change the path for the styles directory - as mentioned in chap. 10 - and registered it and... nothing. then I wanted to do following :
RenderingContext.setConfiguration(config); but that is not working, because the method setConfiguration() is not available.
my source snips:
*.xss:
<?xml version="1.0"?>
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<import href="blaf.xss"/>
<styleSheet>
<style selector=".OraTableCellText">
<property name="color">#222222</property>
<property name="vertical-align">top</property>
</style>
</styleSheet>
</styleSheetDocument>
my source snip for ConfigurationImpl:
ConfigurationImpl config = new ConfigurationImpl("myConfig");
config.putRelativeURI(Configuration.STYLES_DIRECTORY, "/public_html/styles/"); //it starts at the workingdirectory of the project, or?
config.register();
renderingcontext.setConfiguration(config);
thx a lot,
Brit

You have to wait to call RenderingContext.setConfiguration() when you're about to render.
If you're using UIX XML, what you'll do is subclass UIXPageBroker and override
protected Configuration getConfiguration(
BajaContext context,
Page page)then tell UIX to use your page broker instead of UIXPageBroker.
If you're using UIX JSPs, wrap your page in a <uix:renderingContext> tag with the "id"
attribute set, then:
<uix:renderingContext id="rc">
<% rc.setConfiguration("myConfig"); %>
... rest of UIX content for your page in here ...
</uix:renderingContext>Note that you can set the configuration by name, rather than needing to refer
to the object directly.
9.0.3 will make this process simpler. Stay tuned.

How can I render an active link (yrl) within a UIX/XML page

How can I render an active link (url) within a UIX/XML page.
How can I get <jbo:ShowValue> to work in UIX/XML, or is there another way?
Bill G...

It may seem strange, but the <contents> of <rawText> aren't actually
raw - it's only the "text" attribute that's raw. (It seems strange because
it is. Ah well.) This is different from UIX JSP.
So, try something like the following:
<bc4j:attrScope name="Notes">
<contents>
<rawText text="<a href=""/>
<rawText>
<boundAttribute name="text">
<bc4j:attrProperty name="value"/>
</boundAttribute>
</rawText text="">"/>
Some text in the link.
<rawText text="</a>"/>
</contents>
<bc4j:attrScope>
Thankfully, this will be much simpler in 9.0.3, when the following
will work:
<link text="Whatever you want">
<boundAttribute name="destination">
<bc4j:attrValue name="Notes"/>
</boundAttribute>
</link>

UIX xss

Similar Messages

Maybe you are looking for