JavaDabbaDoo.org -Tu comunidad Java parlante Implementar MVC - VW JSF
Inicio | Cursos infosintesis.net liberados | Java EE | Registrar a un usuario en un sitio Web con Visual Web JSF
Registrar a un usuario en un sitio Web con Visual Web JSF
Paso 4: Operativa

Vista - RegistroUsuario.jsp - Aplicar el atributo style de CSS2 con Visual Web JSF

Para cambiar el estilo del componente Static Text stxRegistroUsuario, vamos a hacer clic sobre el botón con puntos supensivos ... que se encuentra a la derecha de la propiedad style de este componente

aaaa

En el cuadro de diálogo stxRegistroUsuario - style vamos a indicar los siguientes valores a las siguientes propiedades

aaaa

Para poder modificar las propiedades relacionadas con el posicionamiento, seleccionamos Position.

Ahora vamos a indicar los siguientes valores a las siguientes propiedades

aaaa

Para salir de este cuadro de diálogo hacemos clic sobre el botón OK

Como podemos observar el tamaño y la posición del componente Static Text ha cambiado.

aaaa

Valores a las propiedades del Static Text stxCamposRequeridos

Valores a las propiedades del Label lblNombre

Valores a las propiedades del Text Field nombre

Valores a las propiedades del Message msgNombre

Esta es la página JSP RegistroUsuario.jsp después de los cambios realizados a los atributos style de alguno de los componentes

<?xml version="1.0" encoding="UTF-8"?>

<jsp:root version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:jsp="http://java.sun.com/JSP/Page"
          xmlns:webuijsf="http://www.sun.com/webui/webuijsf"
>
 <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
 <f:view>
  <f:loadBundle basename="paqregusuariovwjsf.Bundle" var="mensajes"/>
  <webuijsf:page id="page1">
   <webuijsf:html id="html1">
    <webuijsf:head id="head1" title="Registro Usuaro">
     <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
    </webuijsf:head>
    <webuijsf:body id="body1" style="-rave-layout: grid">
     <webuijsf:form id="form1">
      <webuijsf:staticText id="stxRegistroUsuario"
                           style="font-size: 24px; font-weight: bold;
                                  left: 210px; top: 10px; position: absolute"                            text="#{mensajes.literal_registroUsurario}"
      />
      <webuijsf:staticText id="stxCamposRequeridos"
                           style="font-size: 10px;
                                  left: 280px; top: 40px; position: absolute"                           text="#{mensajes.literal_camposRequeridos}"
      />
      <webuijsf:label for="nombre"
                     id="lb1nombre"
                     style="left: 28px; top: 80px; position: absolute"                      text="#{mensajes.literal_nombre}"
      />
      <webuijsf:textField required="true"
                         id="nombre"
                         style="left: 28px; top: 100px; position: absolute"
      />
      <webuijsf:message for="nombre" id="msgNombre"
                       showDetail="false" showSummary="true"
                       style="left: 28px; top: 123px; position: absolute"
      />
      <webuijsf:button id="btnEnviar"
                      style="position: absolute; left: 96px; top: 168px"                       text="#{mensajes.literal_enviar}"
      />
     </webuijsf:form>
    </webuijsf:body>
   </webuijsf:html>
  </webuijsf:page>
 </f:view>
</jsp:root>

Esta es la página Web que recibe el usuario cuando se ejecuta la aplicación Web

aaaa
Página siguiente
Página anterior
Ignasi Pérez Valls
Infosintesis Solutions Group


Junio 2009
Fundamentos Spring
 
 
 
 
JavaDabbaDoo.org
Tu comunidad Java parlante. Cursos abiertos, tutoriales y mucho mucho más ...