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
paramiko-expect timeout is happening after executing the command Can someone help me why timeout is happening after executing the command .I am trying to SSH to a machine and execute a command.I want to store the result of the executed command . I have referred paramiko-timeout but i didn't get my expected result. import traceback try: import paramiko except ImportError: raise Exception("Please install paramiko , pip install paramiko") import pexpect from paramiko_expect import SSHClientInteraction def main(): HOSTNAME = "minion5.net" USERNAME = "root" PASSWORD = "help@432" PROMPT = "root@*:~$s+" try: client = paramiko.SSHClient() client.load_system_host_keys() client.set_missing_host_key_policy(paramiko.AutoAddPolicy()) client.connect(hostname=HOSTNAME, username=USERNAME, password=PASSWORD) with SSHClientInteraction(client, timeout=20, display=True) as interact: ...
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 ...
Visual Studio 2017 errors on standard headers I just upgraded to Visual Studio 2017 Community Edition and I have trouble loading standard header files. I get 507 errors from various header files. Here are some snippets: Some of the errors: Severity Code Description Project File Line Suppression State Error (active) E1696 cannot open source file "errno.h" RPGWorld c:Program Files (x86)Microsoft Visual Studio2017CommunityVCToolsMSVC14.10.25017includecerrno 7 Error (active) E1696 cannot open source file "float.h" RPGWorld c:Program Files (x86)Microsoft Visual Studio2017CommunityVCToolsMSVC14.10.25017includecfloat 7 Error (active) E0282 the global scope has no "acosf" RPGWorld c:Program Files (x86)Microsoft Visual Studio2017CommunityVCToolsMSVC14.10.25017includecmath 629 Error (active) E0282 the global scope has no "asinf" RPGWorld c:Program Files (x86)Microsoft Visual Studio2017CommunityVCToolsMSVC14.1...
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