Jsf and css id selector

Jsf uses a colon (:) for component ids, however to the best of my knowledge, that's an illegal css character. Has anyone had any luck escaping that char with a backslash or is there some other means besides using the style or styleclass attribute in your JSF page to apply styles to a jsf component?
Thanks,
Justin

The first (and I am hoping worst) solution that springs to mind is using JavaScript and the DOM in an onLoad handler for the page.
According to what I see in the CSS specification, it looks like backslash escaping should work, I take it you have tried it and it does not? There is also a Unicode escape where : should be \3A
Another possibility would be to wrap the component in a span or div with a known id and apply rules from there.

Similar Messages

Tiles, jsf and css

Hi,
I use JSF with Tiles for the first time to built a web application.
I have a problem with my stylesheet which I use for my layout and the other pieces of pages.
When I start my application, the first page works and the look and feel uses the stylesheet. But when I call an other page, the stylesheet isn't apply. I know there is a problem with the context path ...
For the moment, I declare my stylesheet like that :
<link rel="stylesheet" href="/css/style.css" type="text/css">
So, it works only the the first page.
I tried like this, thanks to the struts html tags :
<link rel="stylesheet" href="<html:rewrite page='/css/style.css'/>" type="text/css">
but this time, i have an error :
[ServletException in:/tiles/layout.jsp] org.apache.struts.taglib.html.MessagesTei'
If someone has a solution ...
thanks..

Will you please explain to me how you are doing CSS layout? I am having a problem with JSF 1.1 RI as everything is in a <td>. I want to get rid of these and change the rendered markup to output <div>s unless I can alter the location of <td>s on the page. This sounds like it would break the table model, so I doubt this is possible.
Thank you for any input,
TacoEater

How to include external javascript and css resources to a jsf?

I need to include external css and javascript files to my jsf page. Using the code below does not work because all the styles on the css page are ignored and the functions within the js files are not executed.
<link rel="stylesheet" type="text/css" href="/resources/styles/style.css" />
<script language="JavaScript" src="/resources/javascript/util.js"></script>When I try to execute any js function within a script tag on a jsf page I get an object expected error.
I googled about my problem and found this piece of code for importing styles for an external css.
<style type="text/css">
@import url("/resources/styles/style.css");
</style>How could I add an external javascript file to my jsf?

Used the relative urls in my first post as well as these, and both were not working.
<link rel="stylesheet" type="text/css" href="./resources/styles/style.css" />
<script language="JavaScript" src="./resources/javascript/util.js"></script>The ./ tells that the external file can be found by starting at the current directory and working down the path to the specified file. This is my directory structure. Index.jsf is the file that references the external js and css files.
-Webcontent
|_index.jsf
|_resources
|__styles
| |__style.css
|__javascript
|__util.js
Either way I still can't reference the files that I need. Calling a javascript function results in an object expected error, and the styles are ignored.
If I include the js file directly in the jsf then I can get it to work. I don't want to do this because I have created a handful of seperate js files, and do not want to include all of them in one page. I am using myfaces and tomahawk if that helps.

Jsf and tiles

hi all.
i'm developing an application using jsf and tiles.
i've some problem in the general layout page.
how can I refer to images and files,if I don't know where the page will be used?
with struts i've used <html:rewrite page=" ... " /> but it doesn't work with jsf.
I only use the TilesServlet.
any suggestion?
i've also try to define the url like "/css/mycss.css" but in local dosn't work.
thank a lot for any reply!

hi all.
i'm developing an application using jsf and tiles.
i've some problem in the general layout page.
how can I refer to images and files,if I don't know where the page will be used?
with struts i've used <html:rewrite page=" ... " /> but it doesn't work with jsf.
I only use the TilesServlet.
any suggestion?
i've also try to define the url like "/css/mycss.css" but in local dosn't work.
thank a lot for any reply!

Draft proposal: Namespaces and CSS

Hey all,
This is a draft proposal for how we'll update CSS support to handle
disambiguating classes via namespace. Feedback appreciated here for now so
when we get to the formal mini-spec we can rush it through.
Keeping in mind that most folks have indicated they don't use Type selectors
much in CSS...
- Namespace qualification is now required for type selectors in CSS style
declarations.
- Gumbo will use the CSS3 suggested syntax for declaring namespaces and
prefixing type selectors. For the most common component namespace the
default namespace can be used (ignore the actual namespace url value):
@namespace "http://ns.adobe.com/flex/spark";
Button { color: #990000; }
Otherwise, prefixes can be specified for each namespace:
@namespace "http://ns.adobe.com/flex/spark";
@namespace cx "com.mycompany.*";
Button { color: #990000; }
cx|MyFancyButton { color: #000099; }
- The namespace mappings that are currently used to map MXML tags to
ActionScript class names will also apply to CSS3 type selectors. These
mappings draw information from configured manifests in flex-config.xml,
swcs' catalog.xml files, and local package namespaces (e.g. how in MXML you
use xmlns:c="com.mycompany.*" to scope the package name for your custom
component). Note that namespace/prefix mappings defined in MXML do not
apply to the enclosing CSS.
- Type selectors that are either not qualified by a namespace or do not
resolve to an ActionScript class linked into the Application cause a warning
at compile time.
- The version compatibility flag forces the compiler to ignore type selector
prefixes. This allows Flex 3 applications to continue to use type selectors
without namespaces.
- The runtime will only match against fully qualified class names going
forward. When the compatibility version flag is set for Flex 3 or earlier,
it only matches against local names.
- When updating from Flex3, applications will either have to run in
compatibility mode, or qualify their CSS type selectors using namespaces. We
continue to discourage type selectors anywhere but the root application
file, and a warning will be given if type selectors are used outside of the
root application.

Is modifying the default namespace per file allowed or will it always be
the spark namespace?
Scenario 1.
Styles1.css
@namespace "http://ns.adobe.com/flex/spark";
Button { color: #990000; }
Styles2.css
@namespace "com.effectiveui.controls.*";
SearchButton { color: #990000; }
Scenario 2.
File com/effectiveui/controls/SearchButton.mxml
@namespace "com.effectiveui.controls.*";
SearchButton { color: #990000; }
Are these valid?
Are class selectors scoped to the default/custom namespace and then just
ignored by the style manager implementation, or are they always compiled
into the global space?
Do you expect Flex Builder 4 will provide autocompletion and namespace
insertion when defining type selectors in css files?
Sean Christmann
Matt Chotin wrote:
> A new discussion was started by Matt Chotin in
>
> Developers --
> Draft proposal: Namespaces and CSS
>
> Hey all,
>
> This is a draft proposal for how we'll update CSS support to handle
> disambiguating classes via namespace. Feedback appreciated here for now so
> when we get to the formal mini-spec we can rush it through.
>
> ---------
>
> Keeping in mind that most folks have indicated they don't use Type selectors
> much in CSS...
>
> - Namespace qualification is now required for type selectors in CSS style
> declarations.
> - Gumbo will use the CSS3 suggested syntax for declaring namespaces and
> prefixing type selectors. For the most common component namespace the
> default namespace can be used (ignore the actual namespace url value):
>
> > @namespace "http://ns.adobe.com/flex/spark";
> Button { color: #990000; }
>
>
> Otherwise, prefixes can be specified for each namespace:
>
> > @namespace "http://ns.adobe.com/flex/spark";
> @namespace cx "com.mycompany.*";
>
> Button { color: #990000; }
> cx|MyFancyButton { color: #000099; }
>
>
> - The namespace mappings that are currently used to map MXML tags to
> ActionScript class names will also apply to CSS3 type selectors. These
> mappings draw information from configured manifests in flex-config.xml,
> swcs' catalog.xml files, and local package namespaces (e.g. how in MXML you
> use xmlns:c="com.mycompany.*" to scope the package name for your custom
> component). Note that namespace/prefix mappings defined in MXML do not
> apply to the enclosing CSS.
>
> - Type selectors that are either not qualified by a namespace or do not
> resolve to an ActionScript class linked into the Application cause a warning
> at compile time.
>
> - The version compatibility flag forces the compiler to ignore type selector
> prefixes. This allows Flex 3 applications to continue to use type selectors
> without namespaces.
>
> - The runtime will only match against fully qualified class names going
> forward. When the compatibility version flag is set for Flex 3 or earlier,
> it only matches against local names.
>
> - When updating from Flex3, applications will either have to run in
> compatibility mode, or qualify their CSS type selectors using namespaces. We
> continue to discourage type selectors anywhere but the root application
> file, and a warning will be given if type selectors are used outside of the
> root application.
>
>
>
> ------------------------------------------------------
> View/reply at
> Replies by email are OK.
> Use the unsubscribe form at
to cancel your email subscription.
> .
>
>

JSF & XHTML/CSS

I am trying to integrate parts of a JSF app I've been making with standard HTML and CSS markup, but I'm running into serious issues. Are there a few things I need to know about how to do this properly? Few pages on the internet address the best way to go about this, though I've already read a lot of complaints about how difficult this is.
This is a simplified version of my HTML showing one button:
<%@ page contentType="text/html; charset=MacRoman" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css" media="screen">
     .button {background-color: white; width: 100%; height: 25px; cursor: pointer; font: 22px sans-serif; font-weight: bold; color: #333300;}
     .button:hover {background-color: #999966; width: 100%; height: 25px; cursor: pointer; font: 22px sans-serif; font-weight: bold; color: #666633;}
     .buttonText {position: relative; left: 30px; background-color: white; width: 300px; line-height: 25px;}
</style>
</head>
<body>
<div class="button">
     <div class="buttonText">
          Create New
     </div>
</div>
</body>
</html>I would like to have the above page in JSF and have the Create New button act as a commandlink, but with the appropriate style applied.
So far I haven't been able to achieve this.
My first question is what to do with the doctype declarations and the other elements that make this page XHTML valid. I tried removing them, but the page did not display correctly in all browsers, and so I put them back in. Is this going to cause any problems at all, or is it something I should be doing anyway? I just felt funny with a JSP page with XHTML declarations, but then again if the JSP is just going to produce markup it should have it.
My HTML page has a fair bit of markup and a small amount of JSF components.
Should I…
-start the <f:view><h:form> tags at the top and end at the bottom while enclosing all the html in <f:verbatim> tags?
-start the <f:view><h:form> at the latest possible times, enclose the HTML within that with <f:verbatim> and leave the rest of the HTML alone?
any other solutions??
Can I apply a style to an h:outputText or h:commandlink ?
thanks

I would not worry too much about making the page XHTML valid. Having doctype there only says what you consider to be valid it certainly has nothing to do with enforcement.
you should be able to include your style css and then use
<h:buttonText styleClass="buttonText"/>
thats all there is to it.

CSS type selectors are not supported in components ?

If I put an <mx:Style> section in an MXML-based
component, I get a number of warnings stating
CSS type selectors are not supported in components. That
said, the styles appear to actually work, and I'd sure
like them to work. Is this a bug in the compiler, or is this
truly not supported?

Hi!
I have the same problem when I apply a style to a Panel, I have a Canvas component and contains a Panel inside, but I fail to apply the css.
I call the css from the main file main.mxml, but when I load the component will give a warning message and does not apply the style. "CSS type selectors are not supported in components: 'Panel' "
This is file main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
      xmlns:comp="components.*" backgroundAlpha="0" horizontalScrollPolicy="off">
     <mx:LinkBar dataProvider="myComp" horizontalCenter="0" y="380"/>
     <mx:ViewStack id="myComp" horizontalCenter="0" resizeToContent="true">
           <comp:component_01 height="100%" width="85%" label="HOME"/>
           <comp:component_02 height="100%" width="85%" label="GALLERY"/>
           <comp:component_03 height="100%" width="85%" label="TECHNOLOGY"/>
      </mx:ViewStack>
     <mx:Style source="skin_prototype02.css"/>
</mx:Application>
File component_02.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">
      <mx:Panel title="Photo gallery" x="10" y="10" width="575"
            horizontalScrollPolicy="off">
      </mx:Panel>
</mx:Canvas>

Problems with JSF and included subviews

Hi everybody,
I' ve got a problem with JSF and included subviews which makes me going
crazy. I've got no clue why my web-pages are represent wrongly. The only
tip I've got is that it must be connected with the kind I do include my JSF-pages.
When I use <%@file="sub.jsp"%> my pages are are represent right. When I use <jsp:include page="Sub.jsp" /> or <c:import url="Sub.jsp" /> ( mark: the usage of flush="true" or flush="false" doesn't matter )
my pages are represent wrongly.
The usage of tags like f:facet or f:verbatim were also included but didn't point to an solution.
I searched the whole Sun Developer Forum and some other web-sites for any solution for my problem but the given hints and clues didn't help. Now I'm trying to post my problem directly in Sun's Forum in hope to get help.
My environment is the following:
JAVA JDK 1.5 Update 4
Tomcat 5.5.9
JSLT 1.1
Sun JSF 1.1
Win 2K
Here's my code:
Main.jsp
<%@ page language="java"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
          String path = request.getContextPath();
          String basePath = request.getScheme() + "://" + request.getServerName()
                    + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
     <base href="<%=basePath%>">
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">
     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
     <meta http-equiv="description" content="This is my page">
     <link rel="stylesheet" href="stil.jsp" type="text/css" />
</head>
<body>
     <f:view>
          <h:form>
               <div class="table">
                    <div class="tr">
                         <h:outputText styleClass="tdleft" value="value 1"/>
                         <h:outputText styleClass="tdinfo" value="value 2"/>
                    </div>
                    <div class="tr">
                         <h:outputText styleClass="tdleft" value="value 3"/>
                         <h:outputText styleClass="tdinfo" value="value 4"/>
                    </div>
               </div>
          </h:form>
          <jsp:include page="Sub.jsp" />
     </f:view>
</body>
</html>Sub.jsp
<%@ page language="java"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<f:subview id="subview">
     <h:form>
          <div class="table">
               <div class="tr">
                         <h:outputText styleClass="tdleft" value="value 11"/>
                         <h:outputText styleClass="tdinfo" value="value 22"/>
               </div>
               <div class="tr">
                    <h:outputText styleClass="tdleft" value="value 33"/>
                    <h:outputText styleClass="tdinfo" value="value 44"/>
               </div>
          </div>
     </h:form>
</f:subview>stil.jsp
<%@page contentType="text/css"%>
<%
    String schwarz     = "#000000",
            grau1       = "#707070",
            grau2       = "#c0c0c0",
            grau3       = "#e0e0e0",
            grau4       = "#e8e8e8",
            grau5       = "#fdfdfd",
            blau        = "#0000dd",
            tuerkis     = "#00cfff";
    String liniendicke = "1px",
            linienart   = "solid";
    String allgemeineTextFarbe           = schwarz;
    String allgemeineHintergrundFarbe    = grau3;
    String infoTextFarbe                 = blau;
    String fieldsetRandFarbe             = blau;
    String fieldsetRandDicke             = liniendicke;
    String fieldsetRandArt               = linienart;
    String hrLinienFarbe                 = blau;
    String hrLinienDicke                 = liniendicke;
    String hrLinienArt                   = linienart;
    String inputAktivHintergrundFarbe    = grau5;
    String inputReadonlyHintergrundFarbe = grau4;
    String inputPassivHintergrundFarbe   = grau4;
    String inputPassivFarbe              = schwarz;
    String inputRandFarbe1               = grau1;
    String inputRandFarbe2               = grau5;
    String inputRandDicke                = liniendicke;
    String inputRandArt                  = linienart;
    String inputButtonHintergrundFarbe   = grau3;
    String legendenFarbe                 = blau;
    String linkFarbe                     = blau;
    String linkAktivFarbe                = tuerkis;
    String linkBesuchtFarbe              = blau;
    String linkFocusFarbe                = tuerkis;
    String objectGitterFarbe             = grau5;
    String objectGitterDicke             = liniendicke;
    String objectGitterArt               = linienart;
    String tabellenGitterFarbe           = grau5;
    String tabellenGitterDicke           = liniendicke;
    String tabellenGitterArt             = linienart;
%>
<%-- ----------------------------------------------- --%>
<%-- Textdarstellung mittels der Display-Eigenschaft --%>
<%-- in den Tags div und span                        --%>
<%-- ----------------------------------------------- --%>
*.table {
    display:table;
    border-collapse:collapse;
*.tbody {
    display:table-row-group;
*.tr {
    display:table-row;
*.td,*.tdright,*.tdleft,*.tdinfo,*.th {
    display:table-cell;
    padding:3px;
    vertical-align:middle;
*.td,*.th {
    text-align:center;
*.tdright {
    text-align:right;
*.tdleft {
    text-align:left;
*.tdinfo {
    color:<%=infoTextFarbe%>;
    text-align:right;
*.th {
    color:<%=infoTextFarbe%>;
    font-weight:bold;
}thanks in advance
benjamin

Hello Zhong Li,
many thanks for your post, but it didn't work.
My problem is that the JSF-Components im my included or imported
JSP-Pages does not accept any kind of style or styleClass for
designing. The components take over the informations for colors
but not for alignment.
When I take a look at the generated JAVA-Source in $TOMCAT/WORK/WEBAPP for my sub.jsp ( sub.java )
it seems that the resulting HTML-page would be presented correctly.
But later when I start the application via Firefox or Mozilla the html-sourcecode is totally wrong.
In my example I create a simple grid with 2 rows and 2 columns.
Both columns contains JSF-Outtext-Components and are included with div-tags.
The generated Sub.java shows that the text would be setted in the div-tags. Unfortunately the html-sourcecode represented by my browser shows that jsf-text is not setted in the tags but in the <h:form> tags. The div-tags are neither rounded by <h:form> nor containing the JSF-OutText-Components.
Any clue?
Many thanks Benjamin
Here is the html-code from Firefox:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
     <base href="http://polaris21:8080/webtest/">
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">
     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
     <meta http-equiv="description" content="This is my page">
     <link rel="stylesheet" href="stil.jsp" type="text/css" />
</head>
<body>
     <form id="_id0" method="post" action="/webtest/Main.faces" enctype="application/x-www-form-urlencoded">
          <div class="table">
               <div class="tr">
                    <span class="tdleft">value 1</span>
                    <span class="tdinfo">value 2</span>
               </div>
               <div class="tr">
                    <span class="tdleft">value 3</span>
                    <span class="tdinfo">value 4</span>
               </div>
          </div>
          <input type="hidden" name="_id0" value="_id0" />
     </form>
      <form id="SUB:_id5" method="post" action="/webtest/Main.faces" enctype="application/x-www-form-urlencoded">
           <span class="tdleft">value 11</span>
          <span class="tdinfo">value 22</span>
          <span class="tdleft">value 33</span>
          <span class="tdinfo">value 44</span>
          <input type="hidden" name="SUB:_id5" value="SUB:_id5" />
     </form>
     <div class="table">
          <div class="tr">
          </div>
          <div class="tr">
          </div>
     </div>
</body>
</html>

[svn] 3734: Fixing advanced CSS descendant selectors for the alpha release.

Revision: 3734
Author: [email protected]
Date: 2008-10-17 22:13:34 -0700 (Fri, 17 Oct 2008)
Log Message:
Fixing advanced CSS descendant selectors for the alpha release.
- We now check descendant types against any superclass.
- Removed StyleProtoChain.getClassStyleDeclarations()'s recursive "Class" lookup for each superclass of an IStyleClient during the search for type selectors in the hierarchy. This was replaced with a simple describeType-based description (called once per type).
- Added a method to report whether any advanced styles had been registered with the StyleManager to optimize style declaration matching for the default case of simple style declarations.
- Removed advanced selector cache key calculation from StyleProtoChain in favor of the legacy simple type level cache. Future work may be required to cache advanced, display list sensitive style information.
- Fixed the specificity calculation for global selectors.
QE: Yes
Doc: No.
Checkintests: Pass
mxunit styles tests: Pass
select mustella styles tests: Pass
Reviewer: Glenn
Bugs:
SDK-17351 - [Advanced CSS] Descendant selectors don't work for Application
SDK-17361 - [Advanced CSS] If you use descendant and id selectors together, the id selector doesn't work correctly
SDK-17385 - [Advanced CSS] If you use descendant and class selectors together, the class selector doesn't work correctly
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-17351
http://bugs.adobe.com/jira/browse/SDK-17361
http://bugs.adobe.com/jira/browse/SDK-17385
Modified Paths:
flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UIComponent.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/CSSSelector.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/CSSStyleDeclaration.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/IAdvancedStyleClient.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/IStyleManager3.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/StyleManager.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/StyleManagerImpl.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/StyleProtoChain.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/utils/NameUtil.as
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/StyleDef.vm
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/StyleModule.vm
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/mxml/gen/ClassDefLib.vm

The CSS type selector ... was not processed, because this issue is not fixed in Flash Builder 4.

"The CSS type selector 'mx.containers.Accordion' was not processed, because the type was not used in the application."
I've had to filter out this useless warning since FB2, can't we get this removed or provide us with the ability in Flash Builder to turn on/off various types of warnings and errors? Eclipse has this for Java, Adobe should use that as a basis and add a similar feature.
Unless there's another way to hide this useless warning I'm not aware of? Anyone using any kind of Flex theme that comes with a complete css style for all UI classes must be seeing this junk, but what's the point?

Was hoping this silly warning would go away by the time FB4 came out, but nope. So I am back to agitate.
Does this even NEED to be a warning? What's the harm in some unused css? Actually, if the compiler is so smart that it can figure out that the css is unused, it should also be smart enough to ignore it entirely, right?
The actual warning text (without inter-weaved joke) is:
The CSS type selector 'mx.controls.RadioButton' was not processed, because the type was not used in the application.
This is for EVERY unused class. Makes it somewhat inconvenient (obscures real warnings and errors that you actually care about) to re-use css files, which is part of the point of using css in the first place.

Issue in using JSF and tiles

Hai,
I am using JSF and tiles in my application along with richfaces 3.2 jar but the suggestion box does not work when i use incorporate tiles to the jsp page,Please help me out.Here is my code
Content Page
<%@ taglib prefix= "f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsf/core"   prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html"   prefix="h" %>
<%@ taglib uri="http://jakarta.apache.org/tiles" prefix="tiles" %>
     <f:view >
         <link href="<%=request.getContextPath()%>\styles\Form.css" rel="stylesheet" type="text/css"/>
         <link href="<%=request.getContextPath()%>\styles\Menu.css" rel="stylesheet" type="text/css"/>
         <link href="<%=request.getContextPath()%>\styles\Header.css" rel="stylesheet" type="text/css"/>
         <title><h:outputText value="Brand"/></title>
         <h:form id="testForm">
             <tiles:insert definition="test_create" flush="false"/>
         </h:form>
     </f:view>JSP
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.ajax4jsf.org/rich" prefix="rich"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<f:subview id="come">
<body>
<h:form>
<h:outputText value="Provider:" styleClass="SubTitle" />
<h:inputText value="#{testMBean.property}" size="25" id="dpiSuggest" styleClass="SubTitle">
    <a4j:support event="onkeyup" />
</h:inputText>
<rich:suggestionbox for="dpiSuggest" suggestionAction="#{testMBean.suggest}" height="180" width="180" var="suggest">
<h:column>
<h:outputText value="#{suggest.countryName}" />
</h:column>
<h:column>
<h:outputText value="#{suggest.countryCode}" />
</h:column>
</rich:suggestionbox>
</h:form>
</body>
</f:subview>
</html>
*tiles.xml*
<tiles-definitions>
    <definition name="header-menu-content" path="/layout/basicLayout.jsp">
        <put name="gridClass"           value="headerMenuContent"/>
        <put name="headerClass"         value="HeaderBgcolor"/>
        <put name="menuColumnClass"     value="MenuBorder"/>
        <put name="contentColumnClass" value="BodyBgColor"/>
    </definition>
    <definition name="home" extends="header-menu-content">
        <put name="header" value="/common/header.jsp"/>
        <put name="menu"    value="/common/menu.jsp"/>
        
        <put name="content" value="/common/home.jsp"/>
    </definition>
    <definition name="error" extends="header-menu-content">
        <put name="header" value="/common/header.jsp"/>
        <put name="menu"    value="/common/menu.jsp"/>
        
        <put name="content" value="/common/error.jsp"/>
    </definition>
        <definition name="test_create" extends="header-menu-content">
             <put name="header" value="/common/header.jsp" />
             <put name="menu" value="/common/menu.jsp" />
             
             <put name="content" value="/test.jsp" />
         </definition>
    <tiles-definitions>
*web.xml*
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" 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">
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>welcome.jsp</welcome-file>
        </welcome-file-list>
         <context-param>
    <param-name>com.sun.faces.verifyObjects</param-name>
    <param-value>false</param-value>
</context-param>
<context-param>
    <param-name>com.sun.faces.validateXml</param-name>
    <param-value>true</param-value>
</context-param>
<context-param>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>client</param-value>
</context-param>
<servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.faces</url-pattern>
</servlet-mapping>
<context-param>
<param-name>org.richfaces.SKIN</param-name>
<param-value>blueSky</param-value>
</context-param>
<filter>
<display-name>RichFaces Filter</display-name>
<filter-name>richfaces</filter-name>
<filter-class>org.ajax4jsf.Filter</filter-class>
</filter>
<filter-mapping>
<filter-name>richfaces</filter-name>
<servlet-name>Faces Servlet</servlet-name>
<dispatcher>REQUEST</dispatcher>
<dispatcher>FORWARD</dispatcher>
<dispatcher>INCLUDE</dispatcher>
</filter-mapping>
        <servlet>
      <servlet-name>Tiles Servlet</servlet-name>
      <servlet-class>org.apache.tiles.servlets.TilesServlet</servlet-class>
      <init-param>
         <param-name>definitions-config</param-name>
         <param-value>/WEB-INF/tiles.xml</param-value>
      </init-param>
      <load-on-startup>2</load-on-startup>
   </servlet>
    </web-app>
*facesconfig.xml*
<?xml version="1.0" encoding="UTF-8"?>
<faces-config version="1.2"
              xmlns="http://java.sun.com/xml/ns/javaee"
              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-facesconfig_1_2.xsd">
    <navigation-rule>
            <navigation-case> 
            <from-outcome>test</from-outcome>
            <to-view-id>/testContent.jsp</to-view-id>
            <redirect/>
        </navigation-case>
    </navigation-rule>
    <managed-bean>
        <managed-bean-name>testMBean</managed-bean-name>
        <managed-bean-class>testMBean</managed-bean-class>
        <managed-bean-scope>session</managed-bean-scope>
    </managed-bean>
</faces-config>Edited by: SreeramIyer on May 29, 2008 4:50 AM

Are you dead set on using tiles? I can see tiles including JSF but JSF including tiles? Not sure if that will work.
My suggestion is to use Trinidad. It has the concept of Regions which is very "tiles" like and you will be far more successful.

CSS Type selector won't work!!

Hello I am trying to do a simple CSS declaration. However, I got the warning"
Warning: css type selectors are not supported in components ‘sparks.component.TextInput’
and
Warning: css type selectors are not supported in components FormItem
"and not sure how to solve it. I thought s|(type) should declare the style for me :(. Thanks for the reply..
<fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        s|TextInput{ //won't work on my TextInput
        color:#313131;
        mx|FormItem{
        padding-top:5; // won't work on my FormItem either....
    </fx:Style>
<s:Panel width="600" height="480" skinClass="skins.CustomPanel">
        <s:layout>
            <s:VerticalLayout paddingTop="7"/>
        </s:layout>
        <s:TextInput text="TextInput CSS not working"/>
         <mx:Form>
            <mx:FormHeading label="Please Enter The Information"/>
            <s:HGroup>
           <mx:FormItem>
              <s:Label text="Brand"/>
              <s:TextInput id="brand" text="CSS not working" width="156"/>
            </mx:FormItem>
         </mx:form>

I am trying to style my Alert box with the type selector now. mx|Alert still get me the same warning. This problem really bothers me now? I believe the issue comes from the namespace but I already declare them inside my style tag. Any help????
Thanks!

PL/SQL Server Pages (PSPs) and CSS

Hi,
I am used to creating standards compliant websites using XHTML and CSS and some other application language for dynamic content. I have recently started working with PL/SQL and want to create an application using PSPs. I was wondering the best way to go about including CSS in an application, because it doesn't make sense to duplication the CSS on each page, but since the PSP is converted to a procedure this seesm to be the only way to include CSS?
Any ideas on best practice for using CSS with PSPs?

I think you should be able to put all your CSS into a single file, or only a few files, like in a normal web project and that you can include this file using the regular HTML tag.
You store your CSS file(s) in a folder that is accessible by your website. Normally this is achieved by adding an Alias in the Apache webserver that is embedded in the Oracle database.
If I remember it correctly (it has been a while since I saw the embedded webserver) your request for your PSP goes to an url like http://your.server.com/pls/your_page. Everything of the url that comes after /pls/ is handled by the mod_plsql Apache module that is repsonsible for sending the request to the database and returning the result to the screen.
If you can define an alias like 'css' (without the quotes), which makes the url something like http://your.server.com/css/, then you can try to include your CSS file(s) referring to /css/file.css. Once you get this working, you can do the same for images.
This is a generic approach that can get you started hopefully.
Good luck.
I hope this can get you started. Information on the alias can be found

Building a Simple JSF and Web Services App in JDeveloper 10.1.3 Preview

Hi
I was trying out this example of JSF and webservices at:
http://www.oracle.com/technology/products/jdev/101/howtos/jsfws/index.html
Has anyone tried it before? I'm getting the following error:
calling http://216.200.21.157:9090/soap
WARNING: Unable to connect to URL: http://216.200.21.157:9090/soap due to java.security.PrivilegedActionException: oracle.j2ee.ws.saaj.ContentTypeException: Not a valid SOAP Content-Type: text/html
java.rmi.RemoteException: ; nested exception is:
     HTTP transport error: javax.xml.soap.SOAPException: java.security.PrivilegedActionException: oracle.j2ee.ws.saaj.ContentTypeException: Not a valid SOAP Content-Type: text/html
     at com.minc.ws.stockquery.proxy.runtime.NetXmethodsServicesStockquoteStockQuoteBinding_Stub.getQuote(NetXmethodsServicesStockquoteStockQuoteBinding_Stub.java:96)
     at com.minc.ws.stockquery.proxy.NetXmethodsServicesStockquoteStockQuotePortClient.getQuote(NetXmethodsServicesStockquoteStockQuotePortClient.java:40)
     at com.minc.ws.stockquery.proxy.NetXmethodsServicesStockquoteStockQuotePortClient.main(NetXmethodsServicesStockquoteStockQuotePortClient.java:29)
Caused by: HTTP transport error: javax.xml.soap.SOAPException: java.security.PrivilegedActionException: oracle.j2ee.ws.saaj.ContentTypeException: Not a valid SOAP Content-Type: text/html
     at oracle.j2ee.ws.client.http.HttpClientTransport.invokeImpl(HttpClientTransport.java:142)
     at oracle.j2ee.ws.client.http.HttpClientTransport.invoke(HttpClientTransport.java:118)
     at oracle.j2ee.ws.client.StreamingSender._sendImpl(StreamingSender.java:175)
     at oracle.j2ee.ws.client.StreamingSender._send(StreamingSender.java:112)
     at com.minc.ws.stockquery.proxy.runtime.NetXmethodsServicesStockquoteStockQuoteBinding_Stub.getQuote(NetXmethodsServicesStockquoteStockQuoteBinding_Stub.java:79)
     ... 2 more
Any ideas?
Thanks
Alex

I'm not using 10.1.3 preview. I was using 10.1.3.1 production. I just copied the title of the tutorial as my subject. sorry for the confusion!! :)
I used the HTTP analyzer and this is what I got in the header:
<HTML><HEAD><TITLE>TCP Packet Monitor Error</TITLE></HEAD><BODY>JDeveloper TCP Packet Monitor encountered an error retrieving<P><pre>POST http://216.200.21.157:9090/soap HTTP/1.1
Host: 216.200.21.157:9090
Proxy-Connection: Keep-Alive
Connection: TE
TE: trailers, deflate, gzip, compress
User-Agent: Oracle HTTPClient Version 10h
SOAPAction: "urn:xmethods-delayed-quotes#getQuote"
Accept-Encoding: gzip, x-gzip, compress, x-compress
Content-type: text/xml; charset=UTF-8
Content-length: 680
<env:Envelope xmlns:env="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ns0="urn:xmethods-delayed-quotes"><env:Header><wsse:Security xmlns:wsse="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-secext-1.0.xsd" xmlns="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-secext-1.0.xsd" xmlns:env="http://schemas.xmlsoap.org/soap/envelope/" env:mustUnderstand="1"/></env:Header><env:Body><ns0:getQuote env:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/"><symbol xsi:type="xsd:string">orcl</symbol></ns0:getQuote></env:Body></env:Envelope></pre><P>The error was :<P><pre>IOException retrieving the response: java.net.ConnectException: Connection refused: connect</pre><P></HTML>
It looks like I'm getting connection refused error... Hmmm.. wonder why?
I'll download 10.1.3.2 and see if that helps..
Thanks for looking into this!
Alex

Custom html and css broken in BC

I have created some content in iWeb. A photo gallery that doesn't work when uploaded to BC.
It works fine when I upload to a different Host.
http://isodisc.businesscatalyst.com/usbcat/ISODISC_Full_USB_Flash_Catalog.html

I'm building my website in Muse, using a few Adobe typeKit fonts - Open Sans and Bebas Neue. There's plenty of code and css developed when I export the muse file QUESTION: Will Contribute maintain my font choice integrity? Or do I play it safe with standard web-safe choices?

Jsf and css id selector

Similar Messages

Maybe you are looking for