JSF Material Design Lite
I just tried setting up a simple little example jsf application using material design lite. The xhtml page I created uses parts of one of their basic templates, in this case from mdl-template-dashboard:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:jsf="http://xmlns.jcp.org/jsf"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://primefaces.org/ui ">
<head>
<title>Hello JSF 2!</title>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.cyan-light_blue.min.css"/>
</head>
<body>
#{welcome.message}
<main class="mdl-layout__content mdl-color--grey-100">
82%
82%
82%
82%
Updates
Non dolore elit adipisicing ea reprehenderit consectetur culpa.
</div>
View options
Click per object
Views per object
Objects selected
Objects viewed
Change location <i class="material-icons">location_on</i>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
But I am receiving the error that it can not resolve the main, svg and use tags. How do I get them to be recognized?
1 Answer
1
Using JSF you must use different namespaces for tags such as head, body and form. There are some alternatives that enable them to not be mandatory, but in your case you can just provide the correct names for the main tags:
head
body
form
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:jsf="http://xmlns.jcp.org/jsf"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://primefaces.org/ui ">
<h:head>
<title>Hello JSF 2!</title>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.cyan-light_blue.min.css"/>
</h:head>
<h:body>
<main class="mdl-layout__content mdl-color--grey-100">
//your code here
</main>
</h:body>
</html>
For more examples, you can check this simple quickstart project for JSF: WildFly Quickstart
<h:outputText>
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
Popular posts from this blog
Opening a url is failing in Swift breakpointing inside the callback and logging success shows false. I added itms-apps to my plist: LSApplicationQueriesSchemes and put this in my app delegate: func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool { return true } func moreTapped() { let url = NSURL(string: "itms-apps://itunes.com/developer/quantum-productions/id979315877") if #available(iOS 10.0, *) { UIApplication.shared.open(url! as URL, options: [:], completionHandler: {(success: Bool) in }) } else { UIApplication.shared.openURL(url! as URL) } } Are you testing on a real device? – rmaddy Jun 21 at 23:57 I try on a device, get "Cannot Connect to App Store". Device is online ...
const player = new window.Plyr('#player', {keyboard: {global: true,},tooltips: {controls: true,},captions: {active: true,},iconUrl: '/js/plyr.svg',autoplay: true});player.source = {type: 'video',sources: [{src: '//youtube.com/watch?v=qh7qaYX11AU',provider: 'youtube',}],}; Why People Love Porsche | WheelHouse Download var switchTo5x=true;stLight.options({publisher: "8370abff-a8c4-40e1-9890-b965a65c3b93", doNotHash: false, doNotCopy: false, hashAddressBar: false}); Why People Love Porsche | WheelHouse Video Channel: Donut Media Air Cooled Porsches have exploded in popularity recently, with everyone clamoring to get their hands on one. But why? What makes people go crazy over these old German sports cars. Nolan heads down to Benton Performance in Anaheim, CA to find out. Thank you John! WheelHouse answers all the questions about the automotive world you never thought to ask. Nolan Sykes looks at the history, sociology and psychology behi...
Why this code fails to compile with gcc 4.8.5 while it compiles fine with clang #include<iostream> using namespace std; int main() { const int k = 10; // Capture k by value auto myl = ...
Mixing
What version of IE are your testing? Do you see any errors in logs or on the browser? i was able to run the above code in my test application.
– Ravi
Jun 28 at 19:53