jueves, 16 de enero de 2020

Mensaje emergente con html

En vez de browser.msgbox, es decir, en vez de un mensaje emergente con pocas opciones de configuración, podemos utilizar mensajes de diálogo con código html integrado, pudiendo incluir, por supuesto, imágenes, tablas, enlaces, etc...

Esta función muestra un ejemplo sencillo

function mostrarHtml() {
// Escribimos una URL para el enlace que queremos que aparezca en el mensaje
var url = 'https://drive.google.com/drive/folders/1zOkH9gbqhox5ezwTcnZGBoTeHQXYQ8nq'

// Escribimos el nombre que queremos que aparezca como mensaje
var name ='google'

// En una variable metemos todo el código html más la url y el nombre
  var html = '<html><div><img src="https://www.andalucialab.org/wp-content/uploads/2013/11/sostenibilidad-estrategia-negocio.jpg " width="112" height="119" align="top"/>&nbsp; &nbsp;&nbsp;<a href="'+url+'" target="blank">'+name+'</a></div></html>';

// Con este código creamos el mensaje
  var ui = HtmlService.createHtmlOutput(html)
// Tenemos dos opciones de mostrar 
      // En el centro de la pantalla

  SpreadsheetApp.getUi().showModalDialog(ui, 'Car')
     // Como barra lateral derecha
  SpreadsheetApp.getUi().showSidebar(ui)

    // Existe otra tercera más, que aunque el mensaje aparece encima de la pantalla, permite seguir trabajando sin tener que cerrarlo
SpreadsheetApp.getUi().showModelessDialog(ui)

}

Por supuesto, hay que conocer el código html, pero podemos casi obviar este aprendizaje con esta herramienta online: https://html-online.com/editor/

Crear PDF horizontal

El código que vamos a mostrar aquí no ha sido creado por nosotros, sino que lo hemos encontrado en Internet. Objetivo: Publicar una pesta...