CardService की मदद से, सामान्य कार्ड बनाए जा सकते हैं. इनका इस्तेमाल Google के अलग-अलग एक्सटेंशन प्रॉडक्ट में किया जाता है. जैसे, Google Workspace ऐड-ऑन.
यहाँ ऐड-ऑन कार्ड का एक उदाहरण दिया गया है.
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();
प्रॉपर्टी
तरीके
ज़्यादा जानकारी वाला दस्तावेज़
newActionResponseBuilder()
इससे एक नया ActionResponseBuilder बनता है.
वापसी का टिकट
ActionResponseBuilder — यह एक खाली ActionResponse बिल्डर है.
newActionStatus()
इससे एक नया ActionStatus बनता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. यह सुविधा, Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const actionStatus = CardService.newActionStatus() .setStatusCode(CardService.Status.OK) .setUserFacingMessage('Success');
वापसी का टिकट
ActionStatus — यह एक खाली ActionStatus है.
newAttachment()
newAuthorizationAction()
इससे एक नया AuthorizationAction बनता है.
वापसी का टिकट
AuthorizationAction — खाली AuthorizationAction.
newAuthorizationException()
इससे एक नया AuthorizationException बनता है.
वापसी का टिकट
AuthorizationException — एक खाली AuthorizationException.
newBorderStyle()
newCalendarEventActionResponseBuilder()
इससे एक नया CalendarEventActionResponseBuilder बनता है.
वापसी का टिकट
CalendarEventActionResponseBuilder — एक खाली CalendarEventActionResponseBuilder.
newCardAction()
newCardBuilder()
newCardHeader()
newCardSection()
newCardWithId()
इससे एक नया CardWithId बनता है. इसका इस्तेमाल, 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);
वापसी का टिकट
CardWithId — एक खाली CardWithId.
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()
इससे एक नया CarouselCard बनता है.
const carouselCard = CardService.newCarouselCard().addWidget( CardService.newTextParagraph().setText('Text paragraph in carousel'));
वापसी का टिकट
CarouselCard — एक खाली चिप.
newChatActionResponse()
इससे एक नया ChatActionResponse बनता है.
यह सुविधा सिर्फ़ 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);
वापसी का टिकट
ChatActionResponse — एक खाली ChatActionResponse.
newChatResponseBuilder()
इससे एक नया ChatResponseBuilder बनता है.
यह सुविधा सिर्फ़ 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();
वापसी का टिकट
ChatResponseBuilder — एक खाली ChatResponseBuilder.
newChip()
newChipList()
इससे एक नया ChipList बनता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace ऐड-ऑन के लिए डेवलपर प्रीव्यू में.
const chip = CardService.newChip(); // Finish building the text chip... const chipList = CardService.newChipList() .setLayout(CardService.ChipListLayout.WRAPPED) .addChip(chip);
वापसी का टिकट
ChipList — यह एक खाली ChipList है.
newCollapseControl()
इससे एक नया CollapseControl बनता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace ऐड-ऑन के लिए डेवलपर प्रीव्यू में.
const collapseControl = CardService.newCollapseControl() .setHorizontalAlign(CardService.HorizontalAlignment.START) .setExpandButton(CardService.newTextButton().setText('Expand')) .setCollapseButton(CardService.newTextButton().setText('Collapse'));
वापसी का टिकट
CollapseControl — एक खाली 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 — कॉलम का एक खाली सेट.
newCommonWidgetAction()
इससे एक नया CommonWidgetAction बनता है.
वापसी का टिकट
CommonWidgetAction — एक खाली CommonWidgetAction.
newComposeActionResponseBuilder()
इससे एक नया ComposeActionResponseBuilder बनता है.
वापसी का टिकट
ComposeActionResponseBuilder — ComposeActionResponse बिल्डर खाली है.
newCondition()
newDataSourceConfig()
इससे एक नई, खाली DataSourceConfig बनती है.
वापसी का टिकट
DataSourceConfig — एक खाली DataSourceConfig.
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()
इससे एक नया DialogAction बनता है.
यह सुविधा सिर्फ़ 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);
वापसी का टिकट
DialogAction — एक खाली DialogAction.
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 — एक डिवाइडर.
newDriveDataSourceSpec()
इससे एक नया DriveDataSourceSpec बनता है.
वापसी का टिकट
DriveDataSourceSpec — एक खाली DriveDataSourceSpec.
newDriveItemsSelectedActionResponseBuilder()
इससे एक नया DriveItemsSelectedActionResponseBuilder बनता है.
वापसी का टिकट
DriveItemsSelectedActionResponseBuilder — एक खाली DriveItemsSelectedActionResponseBuilder.
newEditorFileScopeActionResponseBuilder()
इससे एक नया EditorFileScopeActionResponseBuilder बनता है.
वापसी का टिकट
EditorFileScopeActionResponseBuilder — एक खाली EditorFileScopeActionResponseBuilder.
newEventAction()
यह क्लाइंट-साइड की पुष्टि के लिए इस्तेमाल किया जाने वाला नया EventAction बनाता है.
वापसी का टिकट
EventAction — एक खाली EventAction.
newExpressionData()
यह क्लाइंट-साइड की पुष्टि के लिए इस्तेमाल किया जाने वाला नया ExpressionData बनाता है.
वापसी का टिकट
ExpressionData — एक खाली ExpressionData.
newExpressionDataAction()
यह क्लाइंट-साइड की पुष्टि के लिए इस्तेमाल किया जाने वाला नया ExpressionDataAction बनाता है.
वापसी का टिकट
ExpressionDataAction — एक खाली ExpressionDataAction.
newExpressionDataCondition()
यह क्लाइंट-साइड की पुष्टि के लिए इस्तेमाल किया जाने वाला नया ExpressionDataCondition बनाता है.
वापसी का टिकट
ExpressionDataCondition — एक खाली ExpressionDataCondition.
newHostAppDataSource()
newImageButton()
newImageComponent()
newImageCropStyle()
newLinkPreview()
इससे एक नया LinkPreview बनता है.
const decoratedText = CardService.newDecoratedText().setTopLabel('Hello').setText('Hi!'); const cardSection = CardService.newCardSection().addWidget(decoratedText); const card = CardService.newCardBuilder().addSection(cardSection).build(); return CardService.newLinkPreview().setPreviewCard(card).setTitle( 'Smart chip title');
वापसी का टिकट
LinkPreview — एक खाली LinkPreview.
newMaterialIcon()
इससे एक नया MaterialIcon बनता है.
यह सुविधा, 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();
वापसी का टिकट
MaterialIcon — एक खाली MaterialIcon.
newNotification()
newOverflowMenu()
इससे एक नया OverflowMenu बनता है.
यह सुविधा, Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace ऐड-ऑन के लिए डेवलपर प्रीव्यू में.
const overflowMenuItem = CardService.newOverflowMenuItem(); // Finish building the overflow menu item... const overflowMenu = CardService.newOverflowMenu().addMenuItem(overflowMenuItem);
वापसी का टिकट
OverflowMenu — एक खाली OverflowMenu.
newOverflowMenuItem()
इससे एक नया OverflowMenuItem बनता है.
यह सुविधा, 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'));
वापसी का टिकट
OverflowMenuItem — यह एक खाली OverflowMenuItem है.
newPlatformDataSource()
इससे एक नया PlatformDataSource बनता है.
वापसी का टिकट
PlatformDataSource — एक खाली PlatformDataSource.
newSelectionInput()
newSuggestions()
newSuggestionsResponseBuilder()
इससे एक नया SuggestionsResponseBuilder बनता है.
वापसी का टिकट
SuggestionsResponseBuilder — यह SuggestionsResponse बिल्डर खाली है.
newTextButton()
newTextParagraph()
newTimePicker()
newTrigger()
newUniversalActionResponseBuilder()
इससे एक नया UniversalActionResponseBuilder बनता है.
वापसी का टिकट
UniversalActionResponseBuilder — एक खाली UniversalActionResponse बिल्डर.
newUpdateDraftActionResponseBuilder()
इससे एक नया UpdateDraftActionResponseBuilder बनता है.
वापसी का टिकट
UpdateDraftActionResponseBuilder — UpdateDraftActionResponseBuilder का एक खाली ऑब्जेक्ट.
newUpdateDraftBccRecipientsAction()
नया UpdateDraftBccRecipientsAction बनाता है;
वापसी का टिकट
UpdateDraftBccRecipientsAction — एक खाली UpdateDraftBccRecipientsAction.
newUpdateDraftBodyAction()
इससे एक नया UpdateDraftBodyAction बनता है.
वापसी का टिकट
UpdateDraftBodyAction — यह एक खाली UpdateDraftBodyAction है.
newUpdateDraftCcRecipientsAction()
इससे एक नया UpdateDraftCcRecipientsAction बनता है.
वापसी का टिकट
UpdateDraftCcRecipientsAction — An Empty UpdateDraftCcRecipientsAction.
newUpdateDraftSubjectAction()
इससे एक नया UpdateDraftSubjectAction बनता है.
वापसी का टिकट
UpdateDraftSubjectAction — यह UpdateDraftSubjectAction का खाली ऑब्जेक्ट है.
newUpdateDraftToRecipientsAction()
इससे एक नया UpdateDraftToRecipientsAction बनता है.
वापसी का टिकट
UpdateDraftToRecipientsAction — खाली UpdateDraftToRecipientsAction.
newUpdateVisibilityAction()
इससे एक नया UpdateVisibilityAction बनता है.
वापसी का टिकट
UpdateVisibilityAction — एक खाली UpdateVisibilityAction.
newValidation()
इससे एक नया Validation बनता है.
यह सुविधा, Google Chat ऐप्लिकेशन और Google Workspace ऐड-ऑन के लिए उपलब्ध है.
const validation = CardService.newValidation().setCharacterLimit(5).setInputType( CardService.InputType.EMAIL);
वापसी का टिकट
Validation — पुष्टि नहीं हुई.
newWorkflowDataSource()
इससे एक नया WorkflowDataSource बनता है.
वापसी का टिकट
WorkflowDataSource — एक खाली WorkflowDataSource.