Cómo crear un bonito botón de Office Scripts (3 formas)

Índice
  1. Cómo agregar un botón de Scripts de Office
  2. Formatear el botón
  3. Formatee el botón con un script
  4. Usando imágenes transparentes
  5. Conclusión

Cuando se lanzaron Office Scripts, solo había dos formas de ejecutar un script (1) a través del editor de scripts o (2) a través de Power Automate. Los usuarios pidieron a gritos una mejor manera. Microsoft entregó un botón de Office Scripts en el que se puede hacer clic y que se puede agregar al frente de una hoja de trabajo. Sin embargo, el estilo del botón predeterminado es un poco feo. Entonces, ¿no sería fantástico tener botones que se vieran bien y proporcionaran una interfaz de apariencia moderna?

Eso es lo que estamos haciendo en esta publicación... crear botones de Office Script más atractivos con los que los usuarios querrán interactuar.

Tabla de contenido
  • Cómo agregar un botón de Scripts de Office
  • Formatear el botón
  • Formatee el botón con un script
  • Usando imágenes transparentes
  • Conclusión

Cómo agregar un botón de Scripts de Office

Podemos agregar un botón a la hoja de trabajo para cualquier script en nuestra biblioteca.

  1. Seleccione la celda en la hoja de trabajo donde desea colocar el botón
  2. Navegue hasta el script que deseamos usar.
  3. Seleccione el menú de 3 puntos (más opciones) y luego haga clic en Agregar botón .

Agregar botón para ejecutar Office Script

Esto funciona para Excel Online y Excel Desktop. Ahora aparece un botón similar al siguiente en Excel.

Botón Feos scripts de Office

Al hacer clic en el botón se ejecuta el script. ¡Fácil!

NOTAS:

  • Los scripts que requieren parámetros adicionales fallan si se ejecutan desde un botón, ya que no hay forma de pasar los parámetros al script. Los scripts con parámetros solo se pueden usar con Power Automate.
  • Si se cambia el nombre de un script, permanece conectado al botón. Utiliza otros identificadores para saber qué script ejecutar. Sin embargo, la otra cara de esto es que no podemos volver a apuntar fácilmente un botón a otro script.
  • Consejo: Cambiar el nombre de los botones usando el cuadro de nombre facilita el seguimiento y la manipulación de los botones.

Formatear el botón

El estilo del botón predeterminado es un poco feo. Sin embargo, como este botón es una forma, podemos editarlo como cualquier otra forma.

Haga clic derecho en la forma y seleccione Formato de forma... en el menú.

Haga clic derecho - formatear forma

Esto revela el panel Formato de forma para aplicar diferentes colores, degradados, sombras, biseles, brillos, etc.

En el menú Inicio podemos cambiar fuentes, colores y tamaños de texto.

En la cinta contextual Formato de forma , hay más opciones de formato. Incluso podemos cambiar el tipo de forma, hacer clic en Formatear forma Editar forma Cambiar forma y luego seleccionar una forma adecuada.

Cambiar el estilo de forma

Tenemos el poder de crear botones que se vean como queramos.

Aqui hay algunas ideas.

Imágenes de ejemplo

  • Ejemplo 1: relleno sólido, sin línea, sombra y fuente alternativa
  • Ejemplo 2: formateado para que parezca un botón VBA
  • Ejemplo 3: los emojis, el relleno degradado y la fuente original añaden un poco de dinamismo
  • Ejemplo 4: se cambió la forma a un bocadillo y se aplicó el efecto de brillo
  • Ejemplo 5: icono Guardar usado como relleno de imagen, luego línea de botón y texto eliminados

Estos demuestran cuánta libertad tenemos.

Formatee el botón con un script

Usando un Office Script, podemos formatear los botones para que se vean como queramos.

Por ejemplo, comience cambiando el nombre de un botón predeterminado a MyButton y luego ejecute el siguiente script:

function main(workbook: ExcelScript.Workbook) {  let shpName = "MyShape"  let shp = workbook.getActiveWorksheet().getShape(shpName)  shp.getFill().setSolidColor("#7030A0")  shp.setHeight(50)  shp.setWidth(150)  shp.getTextFrame().getTextRange().getFont().setName("Magneto")  shp.getLineFormat().setTransparency(1)  shp.setGeometricShapeType(ExcelScript.GeometricShapeType.    stripedRightArrow)}

Después de ejecutar el script, el botón predeterminado cambia a un estilo de flecha original.

Botón de scripts de Office modificado por un script

SUGERENCIA: Intente crear una biblioteca de secuencias de comandos para aplicar sus formatos de botones favoritos.

Usando imágenes transparentes

¿Qué pasa si queremos algo más que no podemos crear usando formas? Entonces, pensemos en eso de manera ligeramente diferente.

¿Qué tal si colocamos un botón transparente de Office Scripts sobre la parte superior del elemento? Para el usuario, parece que está haciendo clic en el elemento, pero en realidad está haciendo clic en un botón transparente.

En el siguiente ejemplo, la celda B2 contiene la función IMAGEN, que devuelve el logotipo de Excel Off The Grid.

Función IMAGEN en Excel

No podemos ejecutar un script desde la función IMAGEN, pero si colocamos un botón transparente en la parte superior y eliminamos el texto y la línea, se crea un área en la que se puede hacer clic, que para el usuario aparece como si estuviera haciendo clic en el logotipo.

Botón de guiones transparentes colocado sobre la imagen.

NOTA: Para que esta técnica funcione, no podemos configurar el botón en Sin relleno; que elimina el área en la que se puede hacer clic. Hacer que el botón sea 100% transparente logra el efecto que necesitamos.

Conclusión

No necesitamos conformarnos con el feo botón predeterminado de Office Scripts. En su lugar, sea creativo y cree una interfaz con la que los usuarios quieran interactuar.

Artículos Relacionados :

  • Cómo ejecutar Power Automate desde Excel con Office Scripts o VBA
  • Utilice scripts de Office con Power Automate
  • Power Automate CSV a Excel (a través de Office Script: método sencillo)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Este sitio web utiliza cookies para mejorar la experiencia del usuario y garantizar un funcionamiento eficiente. Al utilizar nuestro sitio web, aceptas todas las cookies de acuerdo con nuestra política de cookies. Leer mas...