Class Divider
Stay organized with collections
Save and categorize content based on your preferences.
Divider
A horizontal divider. To add a divider to your add-on card, use the newDivider()
method within CardService
. For example, the following sample builds a simple card with 2
paragraphs separated by a divider.
function buildCard() {
const cardSection1TextParagraph1 =
CardService.newTextParagraph().setText('Hello world!');
const cardSection1Divider1 = CardService.newDivider();
const cardSection1TextParagraph2 =
CardService.newTextParagraph().setText('Hello world!');
const cardSection1 = CardService.newCardSection()
.addWidget(cardSection1TextParagraph1)
.addWidget(cardSection1Divider1)
.addWidget(cardSection1TextParagraph2);
const card = CardService.newCardBuilder().addSection(cardSection1).build();
return card;
}
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-12-02 UTC.
[null,null,["Last updated 2024-12-02 UTC."],[[["\u003cp\u003eHorizontal dividers are visual elements used to separate content within an add-on card for better readability.\u003c/p\u003e\n"],["\u003cp\u003eUse the \u003ccode\u003enewDivider()\u003c/code\u003e method within the \u003ccode\u003eCardService\u003c/code\u003e class to create a divider element.\u003c/p\u003e\n"],["\u003cp\u003eDividers can be added to card sections along with other widgets like text paragraphs.\u003c/p\u003e\n"]]],[],null,["# Class Divider\n\nDivider\n\nA horizontal divider. To add a divider to your add-on card, use the `new``Divider()`\nmethod within [CardService](/apps-script/reference/card-service/card-service). For example, the following sample builds a simple card with 2\nparagraphs separated by a divider.\n\n```javascript\nfunction buildCard() {\n const cardSection1TextParagraph1 =\n CardService.newTextParagraph().setText('Hello world!');\n\n const cardSection1Divider1 = CardService.newDivider();\n\n const cardSection1TextParagraph2 =\n CardService.newTextParagraph().setText('Hello world!');\n\n const cardSection1 = CardService.newCardSection()\n .addWidget(cardSection1TextParagraph1)\n .addWidget(cardSection1Divider1)\n .addWidget(cardSection1TextParagraph2);\n\n const card = CardService.newCardBuilder().addSection(cardSection1).build();\n\n return card;\n}\n```"]]