कार्ड
यहां ऐड-ऑन कार्ड का एक सैंपल दिया गया है.
function createCard() { return CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('CardTitle')) .build(); }
इसके अलावा, एक से ज़्यादा कार्ड इस तरह लौटाए जा सकते हैं:
function createCards() { return [ CardService.newCardBuilder().build(), CardService.newCardBuilder().build(), CardService.newCardBuilder().build(), ]; }
यहां बताया गया है कि हेडर, टेक्स्ट, इमेज, और मेन्यू आइटम वाले कार्ड को कैसे तय किया जा सकता है:
function createWidgetDemoCard() { return CardService.newCardBuilder() .setHeader( CardService.newCardHeader() .setTitle('Widget demonstration') .setSubtitle('Check out these widgets') .setImageStyle(CardService.ImageStyle.SQUARE) .setImageUrl('https://www.example.com/images/headerImage.png'), ) .addSection( CardService.newCardSection() .setHeader('Simple widgets') // optional .addWidget( CardService.newTextParagraph().setText( 'These widgets are display-only. ' + 'A text paragraph can have multiple lines and ' + 'formatting.', ), ) .addWidget( CardService.newImage().setImageUrl( 'https://www.example.com/images/mapsImage.png', ), ), ) .addCardAction( CardService.newCardAction().setText('Gmail').setOpenLink( CardService.newOpenLink().setUrl('https://mail.google.com/mail'), ), ) .build(); }
Chat में ऐप्लिकेशन कार्ड का सैंपल.
const cardHeader = CardService.newCardHeader() .setTitle('Sasha') .setSubtitle('Software Engineer') .setImageUrl( 'https://developers.google.com/chat/images/quickstart-app-avatar.png', ) .setImageStyle(CardService.ImageStyle.CIRCLE) .setImageAltText('Avatar for Sasha'); const cardSection = CardService.newCardSection() .setHeader('Contact Info') .setCollapsible(true) .setNumUncollapsibleWidgets(1) .addWidget( CardService.newDecoratedText() .setStartIcon( CardService.newIconImage().setIcon(CardService.Icon.EMAIL)) .setText('sasha@example.com'), ) .addWidget( CardService.newDecoratedText() .setStartIcon( CardService.newIconImage().setIcon(CardService.Icon.PERSON)) .setText('<font color="#80e27e">Online</font>'), ) .addWidget( CardService.newDecoratedText() .setStartIcon( CardService.newIconImage().setIcon(CardService.Icon.PHONE)) .setText('+1 (555) 555-1234'), ) .addWidget( CardService.newButtonSet() .addButton( CardService.newTextButton().setText('Share').setOpenLink( CardService.newOpenLink().setUrl( 'https://example.com/share'), ), ) .addButton( CardService.newTextButton() .setText('Edit') .setOnClickAction( CardService.newAction() .setFunctionName('goToView') .setParameters({viewType: 'EDIT'}), ), ), ); const card = CardService.newCardBuilder() .setHeader(cardHeader) .addSection(cardSection) .build();
प्रॉपर्टी
| प्रॉपर्टी | टाइप | ब्यौरा |
|---|---|---|
Border | Border | Border इन्यूमरेशन. |
Chip | Chip | Chip इन्यूमरेशन. |
Composed | Composed | Composed इन्यूमरेशन. |
Content | Content | Content इन्यूमरेशन. |
Grid | Grid | Grid इन्यूमरेशन. |
Horizontal | Horizontal | Horizontal इन्यूमरेशन. |
Icon | Icon | Icon इन्यूमरेशन. |
Image | Image | Image इन्यूमरेशन. |
Image | Image | Image इन्यूमरेशन. |
Image | Image | Image इन्यूमरेशन. |
Input | Input | Input इन्यूमरेशन. |
Load | Load | Load इन्यूमरेशन. |
On | On | On इन्यूमरेशन. |
Open | Open | Open इन्यूमरेशन. |
Selection | Selection | Selection इन्यूमरेशन. |
Text | Text | Text इन्यूमरेशन. |
Update | Update | Update इन्यूमरेशन. |
तरीके
ज़्यादा जानकारी वाला दस्तावेज़
new Action Response Builder()
नया Action बनाता है.
वापसी का टिकट
Action — खाली ActionResponse बिल्डर.
new Action Status()
नया Action बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const actionStatus = CardService.newActionStatus() .setStatusCode(CardService.Status.OK) .setUserFacingMessage('Success');
वापसी का टिकट
Action — खाली ActionStatus.
new Attachment()
new Authorization Action()
new Authorization Exception()
नया Authorization बनाता है.
वापसी का टिकट
Authorization — AuthorizationException का खाली एलिमेंट.
new Border Style()
new Calendar Event Action Response Builder()
नया Calendar बनाता है.
वापसी का टिकट
Calendar — खाली Calendar.
new Card Action()
new Card Builder()
new Card Header()
new Card Section()
new Card With Id()
नया Card बनाता है. इसका इस्तेमाल, Google Chat मैसेज में कार्ड भेजने के लिए किया जाता है. एक से ज़्यादा कार्ड भेजने पर, कार्ड आईडी मैसेज में मौजूद कार्ड का यूनीक आइडेंटिफ़ायर होता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const cardSection = CardService.newCardSection(); cardSection.addWidget( CardService.newTextParagraph().setText('This is a text paragraph widget.'), ); const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .addSection(cardSection) .build(); const cardWithId = CardService.newCardWithId().setCardId('card_id').setCard(card);
वापसी का टिकट
Card — खाली Card.
new Carousel()
Carousel बनाता है.
const carousel = CardService.newCarousel() .addCarouselCard(CardService.newCarouselCard().addWidget( CardService.newTextParagraph().setText('The first text paragraph in carousel'))) .addCarouselCard(CardService.newCarouselCard().addWidget( CardService.newTextParagraph().setText('The second text paragraph in carousel'))) .addCarouselCard(CardService.newCarouselCard().addWidget( CardService.newTextParagraph().setText('The third text paragraph in carousel')))
वापसी का टिकट
Carousel — खाली कैरसेल.
new Carousel Card()
नया Carousel बनाता है.
const carouselCard = CardService.newCarouselCard().addWidget( CardService.newTextParagraph().setText('Text paragraph in carousel'));
वापसी का टिकट
Carousel — खाली चिप.
new Chat Action Response()
नया Chat बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .build(); const dialog = CardService.newDialog().setBody(card); const dialogAction = CardService.newDialogAction().setDialog(dialog); const chatActionResponse = CardService.newChatActionResponse() .setResponseType(CardService.ResponseType.DIALOG) .setDialogAction(dialogAction);
वापसी का टिकट
Chat — खाली Chat.
new Chat Response Builder()
नया Chat बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const cardSection = CardService.newCardSection(); cardSection.addWidget( CardService.newTextParagraph().setText('This is a text paragraph widget.'), ); const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .addSection(cardSection) .build(); const cardWithId = CardService.newCardWithId().setCardId('card_id').setCard(card); const chatResponse = CardService.newChatResponseBuilder().addCardsV2(cardWithId).build();
वापसी का टिकट
Chat — खाली ChatResponseBuilder.
new Chip()
new Chip List()
नया Chip बनाता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए, डेवलपर की झलक में.
const chip = CardService.newChip(); // Finish building the text chip... const chipList = CardService.newChipList() .setLayout(CardService.ChipListLayout.WRAPPED) .addChip(chip);
वापसी का टिकट
Chip — एक खाली चिपलिस्ट.
new Collapse Control()
नया Collapse बनाता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए, डेवलपर की झलक में.
const collapseControl = CardService.newCollapseControl() .setHorizontalAlign(CardService.HorizontalAlignment.START) .setExpandButton(CardService.newTextButton().setText('Expand')) .setCollapseButton(CardService.newTextButton().setText('Collapse'));
वापसी का टिकट
Collapse — खाली CollapseControl.
new Column()
नया Column बनाता है.
यह सुविधा, Google Chat के ऐप्लिकेशन और Google Workspace के ऐड-ऑन के लिए उपलब्ध है.
const columnWidget = CardService.newTextParagraph(); const column = CardService.newColumn() .setHorizontalSizeStyle( CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER) .addWidget(columnWidget);
वापसी का टिकट
Column — खाली कॉलम.
new Columns()
Columns का नया सेट बनाता है.
यह सुविधा, Google Chat के ऐप्लिकेशन और Google Workspace के ऐड-ऑन के लिए उपलब्ध है.
const firstColumn = CardService.newColumn() .setHorizontalSizeStyle( CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER); const secondColumn = CardService.newColumn() .setHorizontalSizeStyle( CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER); const columns = CardService.newColumns() .addColumn(firstColumn) .addColumn(secondColumn) .setWrapStyle(CardService.WrapStyle.WRAP);
वापसी का टिकट
Columns — कॉलम का खाली सेट.
new Compose Action Response Builder()
नया Compose बनाता है.
वापसी का टिकट
Compose — खाली ComposeActionResponse बिल्डर.
new Date Picker()
new Date Time Picker()
new Decorated Text()
new Dialog()
नया Dialog बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .build(); // Sets the card of the dialog. const dialog = CardService.newDialog().setBody(card);
वापसी का टिकट
new Dialog Action()
नया Dialog बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .build(); const dialog = CardService.newDialog().setBody(card); const dialogAction = CardService.newDialogAction().setDialog(dialog);
वापसी का टिकट
Dialog — खाली Dialog.
new Divider()
नया 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; }
वापसी का टिकट
Divider — डिवाइडर.
new Drive Items Selected Action Response Builder()
नया Drive बनाता है.
वापसी का टिकट
Drive — खाली Drive.
new Editor File Scope Action Response Builder()
नया Editor बनाता है.
वापसी का टिकट
Editor — खाली Editor.
new Image Button()
new Image Component()
new Image Crop Style()
new Link Preview()
नया Link बनाता है.
const decoratedText = CardService.newDecoratedText().setTopLabel('Hello').setText('Hi!'); const cardSection = CardService.newCardSection().addWidget(decoratedText); const card = CardService.newCardBuilder().addSection(cardSection).build(); const linkPreview = CardService.newLinkPreview().setPreviewCard(card).setTitle( 'Smart chip title');
वापसी का टिकट
Link — खाली LinkPreview.
new Material Icon()
नया Material बनाता है.
यह सुविधा, Google Chat के ऐप्लिकेशन और Google Workspace के ऐड-ऑन के लिए उपलब्ध है.
const materialIcon = CardService.newMaterialIcon().setName('check_box').setFill(true); const cardSection = CardService.newCardSection(); cardSection.addWidget( CardService.newDecoratedText() .setStartIcon(CardService.newIconImage().setMaterialIcon(materialIcon)) .setText('sasha@example.com'), ); const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card Title')) .addSection(cardSection) .build();
वापसी का टिकट
Material — खाली MaterialIcon.
new Notification()
new Overflow Menu()
नया Overflow बनाता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए, डेवलपर की झलक में.
const overflowMenuItem = CardService.newOverflowMenuItem(); // Finish building the overflow menu item... const overflowMenu = CardService.newOverflowMenu().addMenuItem(overflowMenuItem);
वापसी का टिकट
Overflow — खाली OverflowMenu.
new Overflow Menu Item()
नया Overflow बनाता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए, डेवलपर की झलक में.
const overflowMenuItem = CardService.newOverflowMenuItem() .setStartIcon( CardService.newIconImage().setIconUrl( 'https://www.google.com/images/branding/googleg/1x/googleg_standard_color_64dp.png', ), ) .setText('Open Link') .setOpenLink( CardService.newOpenLink().setUrl('https://www.google.com'));
वापसी का टिकट
Overflow — खाली OverflowMenuItem.
new Selection Input()
new Suggestions()
new Suggestions Response Builder()
नया Suggestions बनाता है.
वापसी का टिकट
Suggestions — SuggestionsResponse का खाली बिल्डर.
new Text Button()
new Text Paragraph()
new Time Picker()
new Universal Action Response Builder()
नया Universal बनाता है.
वापसी का टिकट
Universal — UniversalActionResponse का खाली बिल्डर.
new Update Draft Action Response Builder()
नया Update बनाता है.
वापसी का टिकट
Update — UpdateDraftActionResponseBuilder का खाली वर्शन.
new Update Draft Bcc Recipients Action()
नया Update बनाता है;
वापसी का टिकट
Update — UpdateDraftBccRecipientsAction खाली है.
new Update Draft Body Action()
नया Update बनाता है.
वापसी का टिकट
Update — UpdateDraftBodyAction का खाली एलिमेंट.
new Update Draft Cc Recipients Action()
नया Update बनाता है.
वापसी का टिकट
Update — UpdateDraftCcRecipientsAction खाली है.
new Update Draft Subject Action()
नया Update बनाता है.
वापसी का टिकट
Update — UpdateDraftSubjectAction खाली है.
new Update Draft To Recipients Action()
नया Update बनाता है.
वापसी का टिकट
Update — UpdateDraftToRecipientsAction खाली है.
new Validation()
नया Validation बनाता है.
यह सुविधा, Google Chat के ऐप्लिकेशन और Google Workspace के ऐड-ऑन के लिए उपलब्ध है.
const validation = CardService.newValidation().setCharacterLimit(5).setInputType( CardService.InputType.EMAIL);
वापसी का टिकट
Validation — खाली पुष्टि.