Atributos HTML

La página Atributos HTML es donde se alteran temporalmente los estilos para una instancia de vista específica.
La alteración temporal de un estilo consta de lo siguiente:
  • Un atributo de clase HTML en cada instancia de vista a la que quiera dar un estilo específico
  • Una regla de CSS correspondiente a ese atributo de clase
Importante: No utilice los nombres siguientes como nombres de clase CSS en el código fuente HTML porque son nombres reservados:
  • CoachView
  • ContentBox
Además, asegúrese de que los nombres de las clases CSS no entren en conflicto con los nombres de las vistas. Un conflicto puede producir un estilo imprevisible durante la ejecución, pues el nombre de la vista se añade automáticamente, para delimitar el ámbito, al atributo de clase del encapsulador de la vista div.
Por ejemplo, los cuadros de texto tienen sus etiquetas por encima del área de texto. Pero desea que la etiqueta se halle en la parte izquierda del área de texto.
Posición predeterminada de la etiqueta Alterada temporalmente para mover la etiqueta
recuadro de texto con su etiqueta en la parte superior
recuadro de texto con su etiqueta a la izquierda
Para mover la etiqueta:
  1. Añada una clase a los atributos HTML de la instancia del cuadro de texto. Por ejemplo, pulse Añadir clase y, a continuación, en Nombre de clase, escriba myText.
  2. En el código CSS, defina el estilo de la clase. Por ejemplo, defina la clase myText para alterar temporalmente los estilos de la posición de la etiqueta:
    .myText.Output_Text .outputTextLabel,
.Text .textLabel {
display: inline-block;
width: 100px;
}
.myText.Text .content {
display: inline-block;
}
  3. En una vista padre, añada la regla CSS a un archivo .css y añada dicho archivo como script incluido. Si la vista es una vista de nivel superior en un coach, añada un elemento HTML personalizado que contenga la regla de estilo.