Card
यहां ऐड-ऑन कार्ड का एक सैंपल दिया गया है.
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();
प्रॉपर्टी
तरीके
ज़्यादा जानकारी वाला दस्तावेज़
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()
इससे एक नया Authorization बनता है.
वापसी का टिकट
Authorization — खाली AuthorizationAction.
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 — एक खाली ChipList.
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 — An empty ComposeActionResponse builder.
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 Host App Data Source()
यह एक नया Host बनाता है और एक खाली Host दिखाता है.
वापसी का टिकट
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 — यह Empty 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 — पुष्टि करने के लिए कोई वैल्यू नहीं दी गई है.