कार्ड
यहां ऐड-ऑन कार्ड का एक सैंपल दिया गया है.
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 इन्यूमरेशन. |
तरीके
ज़्यादा जानकारी वाला दस्तावेज़
newActionResponseBuilder()
नया Action
बनाता है.
वापसी का टिकट
Action
— खाली ActionResponse बिल्डर.
newActionStatus()
नया Action
बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const actionStatus = CardService.newActionStatus() .setStatusCode(CardService.Status.OK) .setUserFacingMessage('Success');
वापसी का टिकट
Action
— खाली ActionStatus.
newAttachment()
newAuthorizationAction()
newAuthorizationException()
नया Authorization
बनाता है.
वापसी का टिकट
Authorization
— AuthorizationException का खाली एलिमेंट.
newBorderStyle()
newCalendarEventActionResponseBuilder()
नया Calendar
बनाता है.
वापसी का टिकट
Calendar
— खाली Calendar
.
newCardAction()
newCardBuilder()
newCardHeader()
newCardSection()
newCardWithId()
नया 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
.
newCarousel()
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
— खाली कैरसेल.
newCarouselCard()
नया Carousel
बनाता है.
const carouselCard = CardService.newCarouselCard().addWidget( CardService.newTextParagraph().setText('Text paragraph in carousel'));
वापसी का टिकट
Carousel
— खाली चिप.
newChatActionResponse()
नया 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
.
newChatResponseBuilder()
नया 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.
newChip()
newChipList()
नया 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
— एक खाली चिपलिस्ट.
newCollapseControl()
नया 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.
newColumn()
नया 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
— खाली कॉलम.
newColumns()
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
— कॉलम का खाली सेट.
newComposeActionResponseBuilder()
नया Compose
बनाता है.
वापसी का टिकट
Compose
— खाली ComposeActionResponse बिल्डर.
newDatePicker()
newDateTimePicker()
newDecoratedText()
newDialog()
नया 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);
वापसी का टिकट
newDialogAction()
नया 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
.
newDivider()
नया 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
— डिवाइडर.
newDriveItemsSelectedActionResponseBuilder()
नया Drive
बनाता है.
वापसी का टिकट
Drive
— खाली Drive
.
newEditorFileScopeActionResponseBuilder()
नया Editor
बनाता है.
वापसी का टिकट
Editor
— खाली Editor
.
newImageButton()
newImageComponent()
newImageCropStyle()
newLinkPreview()
नया 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.
newMaterialIcon()
नया 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.
newNotification()
newOverflowMenu()
नया Overflow
बनाता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए, डेवलपर की झलक में.
const overflowMenuItem = CardService.newOverflowMenuItem(); // Finish building the overflow menu item... const overflowMenu = CardService.newOverflowMenu().addMenuItem(overflowMenuItem);
वापसी का टिकट
Overflow
— खाली OverflowMenu.
newOverflowMenuItem()
नया 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.
newSelectionInput()
newSuggestions()
newSuggestionsResponseBuilder()
नया Suggestions
बनाता है.
वापसी का टिकट
Suggestions
— SuggestionsResponse का खाली बिल्डर.
newTextButton()
newTextParagraph()
newTimePicker()
newUniversalActionResponseBuilder()
नया Universal
बनाता है.
वापसी का टिकट
Universal
— UniversalActionResponse का खाली बिल्डर.
newUpdateDraftActionResponseBuilder()
नया Update
बनाता है.
वापसी का टिकट
Update
— UpdateDraftActionResponseBuilder का खाली वर्शन.
newUpdateDraftBccRecipientsAction()
नया Update
बनाता है;
वापसी का टिकट
Update
— UpdateDraftBccRecipientsAction खाली है.
newUpdateDraftBodyAction()
नया Update
बनाता है.
वापसी का टिकट
Update
— UpdateDraftBodyAction का खाली एलिमेंट.
newUpdateDraftCcRecipientsAction()
नया Update
बनाता है.
वापसी का टिकट
Update
— UpdateDraftCcRecipientsAction खाली है.
newUpdateDraftSubjectAction()
नया Update
बनाता है.
वापसी का टिकट
Update
— UpdateDraftSubjectAction खाली है.
newUpdateDraftToRecipientsAction()
नया Update
बनाता है.
वापसी का टिकट
Update
— UpdateDraftToRecipientsAction खाली है.
newValidation()
नया Validation
बनाता है.
यह सुविधा, Google Chat के ऐप्लिकेशन और Google Workspace के ऐड-ऑन के लिए उपलब्ध है.
const validation = CardService.newValidation().setCharacterLimit(5).setInputType( CardService.InputType.EMAIL);
वापसी का टिकट
Validation
— खाली पुष्टि.