IssueTracker

Before opening a new issue, please search for other related issues, click the ★ to subscribe to updates, and click +1 to vote.

Description

The Decorated text icon for .setStartIcon and .setEndIcon do not render the newMaterIcon(). However, it does work when a button is used in decorated text.

Code

/**
 * Creates an error card for main errors that will 
 * break the card. 
 * No Edit Access to the Sheet. 
 * @param {String} message - Error Message.
 * @returns {CardService.Card}
 */
function buildErrorCard(message) {
  const ERROR_COLOR = "#cc0000"

  const errorTextWidget = CardService.newDecoratedText()
    .setStartIcon(
      CardService.newIconImage()
        .setMaterialIcon(        
          CardService.newMaterialIcon()
            .setName("error")
            .setFill(true)
          )
        .setAltText("Error Icon")
    
    )
    .setText(`<font color="${ERROR_COLOR}"><b>${message}</b></font>`)
    .setWrapText(true)

  const errorSection = CardService.newCardSection()
    .setHeader(`<font color="${ERROR_COLOR}"><b>Error</b></font>`)
    .addWidget(errorTextWidget)

  const card = CardService.newCardBuilder()
    .addSection(errorSection)
    .build(); 

  return card;
}

Output

Displays the material design alt text. See image attached and element below.

<i class="google-material-icons-filled notranslate google-material-icons-filled JzcC2 oZ2YId" aria-hidden="true" style="--font-icon-weight: 0;--font-icon-grade: 0;">error</i>

Steps

• Create a Card service apps script project and a build the function above.
• Run a test deployment.