Descargas, guías, trucos, gameplays...

lunes, 25 de junio de 2012

Google Apps Script: Atributos CSS en control Label



Los controles como los Label en Google Apps Script no son siempre solo de texto color negro. Es posible cambiar el color, la alineación del texto, el tamaño, subrayado, etc. Todo esto usando los atributos de CSS.

Un cambio importante es que no se coloca '-', es decir, en lugar de fon-Size se tiene que escribir fontSize

Para ilustrar mejor el uso, en un archivo nuevo de Google Hoja de Cálculo acceder al "Editor de secuencias de comandos...", entonces copiar y pegar el siguiente código:

function AtributosCSS() {
  var LibroHoja = SpreadsheetApp.getActiveSpreadsheet();
  var cuadro = UiApp.createApplication().setTitle("Ejemplo de Atributos CSS").setWidth('750');

var Etiqueta1 = cuadro.createLabel("Ejemplo: negrita, tamaño 20, curier y roja").setWidth('750')
            .setStyleAttribute("fontSize", "20")        //tamaño de fuente
            .setStyleAttribute("fontFamily", "Courier") //fuente
            .setStyleAttribute("fontWeight", "Bold")    //negrita
            .setStyleAttribute("color", "Red");         //color de letra rojo

var Etiqueta2 = cuadro.createLabel("Ejemplo: derecha, tamaño 20, subrayada y azul").setWidth('750')
            .setStyleAttribute("fontSize", "20")              //tamaño de fuente
            .setStyleAttribute("textAlign", "Right")          //alineación
            .setStyleAttribute("textDecoration", "Underline") //subrayada
            .setStyleAttribute("color", "Blue");              //color de letra azul

  cuadro.add(Etiqueta1);
  cuadro.add(Etiqueta2);
  LibroHoja.show(cuadro);
}


Al ejecutar el código nuestro ejemplo queda de la siguiente forma:



Existen más atributos con los cuales pueden experimentar.






No hay comentarios:

Publicar un comentario