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();
प्रॉपर्टी
प्रॉपर्टी | टाइप | ब्यौरा |
---|---|---|
BorderType | BorderType | BorderType इन्यूमरेशन. |
ChipListLayout | ChipListLayout | ChipListLayout इन्यूमरेशन. |
ComposedEmailType | ComposedEmailType | ComposedEmailType इन्यूमरेशन. |
ContentType | ContentType | ContentType इन्यूमरेशन. |
GridItemLayout | GridItemLayout | GridItemLayout इन्यूमरेशन. |
HorizontalAlignment | HorizontalAlignment | HorizontalAlignment इन्यूमरेशन. |
Icon | Icon | Icon इन्यूमरेशन. |
ImageButtonStyle | ImageButtonStyle | ImageButtonStyle इन्यूमरेशन. |
ImageCropType | ImageCropType | ImageCropType इन्यूमरेशन. |
ImageStyle | ImageStyle | ImageStyle इन्यूमरेशन. |
InputType | InputType | InputType इन्यूमरेशन. |
LoadIndicator | LoadIndicator | LoadIndicator इन्यूमरेशन. |
OnClose | OnClose | OnClose इन्यूमरेशन. |
OpenAs | OpenAs | OpenAs इन्यूमरेशन. |
SelectionInputType | SelectionInputType | SelectionInputType इन्यूमरेशन. |
TextButtonStyle | TextButtonStyle | TextButtonStyle इन्यूमरेशन. |
UpdateDraftBodyType | UpdateDraftBodyType | UpdateDraftBodyType इन्यूमरेशन. |
तरीके
ज़्यादा जानकारी वाला दस्तावेज़
newActionResponseBuilder()
नया ActionResponseBuilder
बनाता है.
वापसी का टिकट
ActionResponseBuilder
— खाली ActionResponse बिल्डर.
newActionStatus()
नया ActionStatus
बनाता है.
यह सुविधा सिर्फ़ Google Chat ऐप्लिकेशन के लिए उपलब्ध है. Google Workspace के ऐड-ऑन के लिए उपलब्ध नहीं है.
const actionStatus = CardService.newActionStatus() .setStatusCode(CardService.Status.OK) .setUserFacingMessage('Success');
वापसी का टिकट
ActionStatus
— खाली ActionStatus.
newAttachment()
newAuthorizationAction()
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
.
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
— खाली चिप की सूची.
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
— कॉलम का खाली सेट.
newComposeActionResponseBuilder()
नया ComposeActionResponseBuilder
बनाता है.
वापसी का टिकट
ComposeActionResponseBuilder
— खाली 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()
नया 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
— डिवाइडर.
newDriveItemsSelectedActionResponseBuilder()
नया DriveItemsSelectedActionResponseBuilder
बनाता है.
वापसी का टिकट
DriveItemsSelectedActionResponseBuilder
— खाली DriveItemsSelectedActionResponseBuilder
.
newEditorFileScopeActionResponseBuilder()
नया EditorFileScopeActionResponseBuilder
बनाता है.
वापसी का टिकट
EditorFileScopeActionResponseBuilder
— खाली EditorFileScopeActionResponseBuilder
.
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(); const linkPreview = 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.
newSelectionInput()
newSuggestions()
newSuggestionsResponseBuilder()
नया SuggestionsResponseBuilder
बनाता है.
वापसी का टिकट
SuggestionsResponseBuilder
— खाली SuggestionsResponse बिल्डर.
newTextButton()
newTextParagraph()
newTimePicker()
newUniversalActionResponseBuilder()
नया UniversalActionResponseBuilder
बनाता है.
वापसी का टिकट
UniversalActionResponseBuilder
— UniversalActionResponse का खाली बिल्डर.
newUpdateDraftActionResponseBuilder()
नया UpdateDraftActionResponseBuilder
बनाता है.
वापसी का टिकट
UpdateDraftActionResponseBuilder
— UpdateDraftActionResponseBuilder का खाली वर्शन.
newUpdateDraftBccRecipientsAction()
नया UpdateDraftBccRecipientsAction
बनाता है;
वापसी का टिकट
UpdateDraftBccRecipientsAction
— UpdateDraftBccRecipientsAction खाली है.
newUpdateDraftBodyAction()
नया UpdateDraftBodyAction
बनाता है.
वापसी का टिकट
UpdateDraftBodyAction
— UpdateDraftBodyAction का खाली एलिमेंट.
newUpdateDraftCcRecipientsAction()
नया UpdateDraftCcRecipientsAction
बनाता है.
वापसी का टिकट
UpdateDraftCcRecipientsAction
— UpdateDraftCcRecipientsAction खाली है.
newUpdateDraftSubjectAction()
नया UpdateDraftSubjectAction
बनाता है.
वापसी का टिकट
UpdateDraftSubjectAction
— UpdateDraftSubjectAction खाली है.
newUpdateDraftToRecipientsAction()
नया UpdateDraftToRecipientsAction
बनाता है.
वापसी का टिकट
UpdateDraftToRecipientsAction
— UpdateDraftToRecipientsAction खाली है.
newValidation()
नया Validation
बनाता है.
यह सुविधा, Google Chat ऐप्लिकेशन और Google Workspace के ऐड-ऑन के लिए उपलब्ध है.
const validation = CardService.newValidation().setCharacterLimit(5).setInputType( CardService.InputType.EMAIL);
वापसी का टिकट
Validation
— खाली पुष्टि.