How to connect css to html in Google Apps Scripts

Question

I'm trying to make my first Google App. I have my HTML doc which has the include statement as outlined on HTML Service: Best Practices.

<html>
    <head>
        <base target="_top">
        <?!= include('stylesheet') ?>
    </head>
    <body>
       ...
    </body>

My code.gs file is as follows:

function doGet() {
   return HtmlService.createTemplateFromFile('BooksTS2.html')
  .evaluate();
}

My style sheet is named stylesheet.html, and for testing purposes is really simple:

<style>
   p {color: green;}
</style>

But when I run it I get this error message: ReferenceError: "include" is not defined.

Dalija Prasnikar · Accepted Answer · 2024-05-09 08:05:54Z

13

In the example they created the reusable function include(), you need to add it in your code.gs file:

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

You can always use the printing scriptlet directly in your html file like this:

<html>
    <head>
        <base target="_top">
    <?!= HtmlService.createHtmlOutputFromFile('stylesheet').getContent(); ?>
    </head>
    <body>
       ...
    </body>
</html>

edited May 9, 2024 at 8:05

Dalija Prasnikar♦

28.7k46 gold badges97 silver badges179 bronze badges

answered Sep 3, 2016 at 17:43

user3075569

Sign up to request clarification or add additional context in comments.

2 Comments

HGamble Over a year ago

Thank you! That was exactly what I needed.

froopydoop Aug 28 at 18:46

One note: if you are trying to develop elsewhere, using clasp say, and want to have js files be included, createHtmlOutputFromFile will throw an error if the js file isn't wrapped in tags like <script> or something. Those tags will then break your ability to include the same js file on a local machine.

Collectives™ on Stack Overflow

How to connect css to html in Google Apps Scripts

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related