Para activar la generación de HTML ampliado
1. Seleccione una base de datos y, a continuación, seleccione Diseñar > Propiedades del diseño.
2. En la sección Acceso Web del cuadro de propiedades de la base de datos, seleccione Activar generación de HTML ampliado.
Soporte limitado para temas de XPages
Esto significa que:
<theme> <!-- Recursos globales usados por este tema --> <resource> <content-type>text/css</content-type> <href>/css/default.css</href> </resource> <!-- Valores de la propiedades --> <control> <name>body</name> <property> <name>style</name> <value>domino-default</value> </property> </control> </theme>
Este es el código HTML representado:
<html ...> <head ...> <style ...> @import url(/css/default.css); </style> ... </head> <body class="domino-default" ...> ... </body> </html>
HTML compatible con XML
El servidor Web genera XML válido con las excepciones siguientes:
El servidor Web fuerza el cierre que todas las etiquetas HTML que se pueden cerrar.
Todas las etiquetas que pueden tener contenido se cerrarán de la manera siguiente:
<etiqueta></etiqueta>
Este es un ejemplo:
<option>texto de ejemplo</option>
Las etiquetas que no tienen contenido se cerrarán de la manera siguiente: El espacio situado delante de la barra invertida posibilita el funcionamiento de la sintaxis tanto para XML como para HTML.
<etiqueta />
<hr />
Atributos no minimizados
Un atributo que tiene un único valor posible se puede minimizar para mostrar sólo el valor, pero esto no es XML válido. El servidor Web expande los atributos minimizados.
Este es un ejemplo de atributo minimizado:
<td nowrap>texto</td>
Este es el atributo expandido:
<td nowrap="nowrap">texto</td>
Clases automáticas
El servidor Web agrega automáticamente atributos de clase al HTML generado para ciertos objetos de Notes.
Ejemplo de barra de acciones
Se han agregado las clases siguientes a las barras de acciones que han sido diseñadas para usar la representación HTML. Las barras de acciones en HTML son tablas formadas por una fila que contiene una celda para cada acción. La barra de acciones se separa del resto del contenido de la página HTML mediante una barra horizontal.
----- Representación antigua ---- <table ...> <tr> <td>...</td> . . . </tr> </table>
----- Nueva representación (con las clases agregadas) ---- <table ... class="domino-actionbar"> <tr> <td class="domino-action">...</td> . . . </tr> </table> <hr class="domino-actionbar-sep" />
Ejemplo de esquema
Se ha agregado una sola clase a la tabla delimitadora de la versión HTML del esquema (una tabla).
----- Representación antigua ---- <table ...> .... </table>
----- Nueva representación (con las clases agregadas) ---- <table class="domino-outline" ...> .... </table>
Ejemplos de vistas (versión HTML)
Una vista representada con HTML (en ausencia de $$ViewTemplate) es una página HTML completa con la estructura siguiente:
[barra de acciones] (opcional) [guía de la vista] (la fila de vínculos con "anterior", "siguiente", "desplegar", "plegar" y "buscar" [título de la vista] [cuerpo de la vista] [guía de la vista]
La representación de la barra de acciones ya se ha tratado anteriormente. La representación del cuerpo de la vista se tratará en la sección siguiente. Las clases agregadas al cuerpo de la vista se generan cada vez que dicho cuerpo aparece representado como HTML, ya sea como parte de la página HTML completa, incrustado en otra página o formulario, o formando parte de $$ViewTemplate.
El guía de la vista predeterminado ha cambiado de la manera siguiente:
----- Representación antigua ---- <div align="center"> <table ...> <tr> <td>...</td> ... </tr> </table> </div>
----- Nueva representación (con las clases agregadas) ---- <div align="center" class="domino-view-nav"> <table ...> <tr> <td class="domino-view-nav-previous">...</td> <td class="domino-view-nav-next">...</td> <td class="domino-view-nav-expand">...</td> <td class="domino-view-nav-collapse">...</td> <td class="domino-view-nav-search">...</td> </table> </div>
El título del guía de la vista predeterminado ha cambiado de la manera siguiente:
----- Representación antigua ---- <div align="center"> título de la vista </div>
----- Nueva representación (con las clases agregadas) ---- <div align="center" class="domino-view-title"> título de la vista </div>
Ejemplo de cuerpo de vista
Se han agregado clases para identificar la vista, la fila del encabezado de columna y las entradas individuales.
----- Representación antigua ---- <table ...> <tr ...> <th ...>Encabezado col 1</th><th ...>Encabezado col n</th> </tr> <tr ...><td ...>Valor col 1</td><td ...>Valor col n</td></tr> ... <tr ...><td ...>Valor col 1</td><td ...>Valor col n</td></tr> </table>
----- Nueva representación (con las clases agregadas) ---- <table class="domino-view" ...> <tr ... class="domino-view-colhead"> <th ...>Encabezado col 1</th><th ...>Encabezado col n</th> </tr> <tr ... class="domino-viewentry"><td ...>Col 1</td><td ...>Col n</td></tr> ... <tr ... class="domino-viewentry"><td ...>Col 1</td><td ...>Col n</td></tr> </table>