Making a Google Workspace add-on interface in HTML [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

Want to improve this question? As written, this question is lacking some of the information it needs to be answered. If the author adds details in comments, consider editing them into the question. Once there's sufficient detail to answer, vote to reopen the question.

Closed 3 months ago.

Improve this question

I am planning to build a Google Workspace add-on. However, I am not fond of their CardService that isn't very flexible. I would like to make a more visually appealing interface of my own, using HTML, JS, CSS.

I know the Editor add-ons lets you do that, but it is the former framework and comes with many limitations, such as the single-app scope, the fact that they don't get shown as an icon on the "right-side panel", among other features.

Is there a way to inject HTML/JS content using the CardService to be able to build a custom interface for the sidebar?

It may still be that an editor add-on would be the easiest route. You can use tools like Vue, Vuetify, Angular, React when building. Please edit the question and list the specific limitations are preventing you from creating an editor add-on. — doubleunary
– doubleunary, Commented Sep 4 at 17:07
Please be specific. Where do you want to inject the HTML/JS content? — Wicket
– Wicket, Commented Sep 4 at 18:20

Wicket · Accepted Answer · 2025-09-04 21:31:10Z

2

Using HTML, CSS and JavaScript to build the Workspace Add-on sidebar is impossible.

From Card-based interfaces

Note: Google Workspace add-ons are card-based. Editor add-ons are HTML-based.

Card-based interfaces have the following benefits:

No knowledge of HTML or CSS is needed to create card-based interfaces.

answered Sep 4 at 21:31

Wicket

39.4k9 gold badges81 silver badges201 bronze badges

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

1 Comment

chivracq Sep 9 at 21:45

Mini-test, related to your Post on 'Meta', I seem to be able to post a Comment (with Enable experiments = ON) (using FF142 + Win10). // Don't flag "too quickly" as NLN, for Staff to see it, I will link to this Comment in your Thread on 'Meta'...

Robin · Accepted Answer · 2025-09-04 21:59:41Z

1

It is not possible indeed: Google mentions that one shouldn't use HTML/CSS or client-side scripting

I thought it was possible since it is what I did unknowingly, and the interface worked great... until you have to reload the add-on, the homepageTrigger does not fire again when you close and re-open the add-on, and the user has an empty sidebar until they reload the entire page.

answered Sep 4 at 21:59

Robin

8552 gold badges9 silver badges27 bronze badges

Collectives™ on Stack Overflow

Making a Google Workspace add-on interface in HTML [closed]

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related