Hello Guys!
I'm doing a form with float label but the css isn't equals the demo. I wish it was the same as the demo.
What can I do? thanks
My Form:
Demo Form:
float label different in demo
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 10
- Joined: 03 Feb 2023, 14:41
-
- Posts: 10
- Joined: 03 Feb 2023, 14:41
What the part of code? Is exactly the demo
Login page:
Code: Select all
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
</f:facet>
<title>Login - #{systemConfig.systemName}</title>
<h:outputScript name="js/ripple.js" library="barcelona-layout"/>
<h:outputScript name="js/layout.js" library="barcelona-layout" />
<h:outputStylesheet name="style.css" library="css" />
<link rel="shortcut icon" href="#{resource['img/favicon/favicon.ico']}"
type="image/x-icon" />
</h:head>
<h:body styleClass="login-body">
<h:form id="form_login" prependId="false">
<div class="login-panel ui-fluid">
<div class="grid grid-nogutter">
<div class="col-12 login-header">
<h1>LOGIN</h1>
<h2>#{systemConfig.systemName}</h2>
<p:graphicImage name="images/logo.png" library="barcelona-layout" />
</div>
<div class="col-12">
<span class="ui-float-label">
<p:inputText id="username"/>
<p:outputLabel for="@previous" value="Usuário"/>
</span>
</div>
<div class="col-12">
<span class="ui-float-label">
<p:password id="password" feedback="false"/>
<p:outputLabel for="@previous" value="Senha"/>
</span>
</div>
<h:panelGroup class="col-12" rendered="${!empty param['error']}">
<span class="ui-float-label">
<p:staticMessage severity="error" detail="Usuário ou Senha inválidos." style="margin: 0; width: 100%"
/>
</span>
</h:panelGroup>
<div class="col-12 button-container">
<p:commandButton id="submit" value="ENTRAR" type="submit" ajax="false" icon="pi pi-user" />
</div>
</div>
</div>
<h:outputStylesheet name="css/primeicons.css" library="barcelona-layout"/>
<h:outputStylesheet name="css/primeflex.min.css" library="barcelona-layout"/>
<h:outputStylesheet name="css/ripple.css" library="barcelona-layout"/>
<h:outputStylesheet name="css/layout-blue.css" library="barcelona-layout" />
<h:outputStylesheet name="css/ripple.css" library="barcelona-layout" />
</h:form>
</h:body>
</html>
-
- Posts: 10
- Joined: 03 Feb 2023, 14:41
I didn't install theme just layout... now is works perfectly. It was very helpful.
Thanks so much!
-
- Information
-
Who is online
Users browsing this forum: No registered users and 12 guests