CardService अलग-अलग Google में इस्तेमाल किए जाने वाले जेनरिक कार्ड बनाने की सुविधा देता है एक्सटेंशन इस्तेमाल करने की सुविधा देने वाले प्रॉडक्ट, जैसे कि Google Workspace ऐड-ऑन.
नीचे ऐड-ऑन कार्ड का सैंपल दिया गया है.
return CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle("CardTitle")) .build();
इसके अलावा, इस तरह के कई कार्ड दिखाए जा सकते हैं:
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 की गिनती. |
ComposedEmailType | ComposedEmailType | ComposedEmailType की गिनती. |
ContentType | ContentType | ContentType की गिनती. |
GridItemLayout | GridItemLayout | GridItemLayout की गिनती. |
HorizontalAlignment | HorizontalAlignment | HorizontalAlignment की गिनती. |
Icon | Icon | Icon की गिनती. |
ImageCropType | ImageCropType | ImageCropType की गिनती. |
ImageStyle | ImageStyle | ImageStyle की गिनती. |
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
— एक खाली Authorization हाथ का हिस्सा है.
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 खाली है.
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(column) .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() { let cardSection1TextParagraph1 = CardService.newTextParagraph() .setText('Hello world!'); let cardSection1Divider1 = CardService.newDivider(); let cardSection1TextParagraph2 = CardService.newTextParagraph() .setText('Hello world!'); let cardSection1 = CardService.newCardSection() .addWidget(cardSection1TextParagraph1) .addWidget(cardSection1Divider1) .addWidget(cardSection1TextParagraph2); let 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.
newNotification()
newSelectionInput()
newSuggestions()
newSuggestionsResponseBuilder()
नया SuggestionsResponseBuilder
बनाता है.
वापसी का टिकट
SuggestionsResponseBuilder
— एक खाली suggestedResponse बिल्डर.
newTextButton()
newTextParagraph()
newTimePicker()
newUniversalActionResponseBuilder()
नया UniversalActionResponseBuilder
बनाता है.
वापसी का टिकट
UniversalActionResponseBuilder
— एक खाली UniversalActionResponse बिल्डर.
newUpdateDraftActionResponseBuilder()
नया UpdateDraftActionResponseBuilder
बनाता है.
वापसी का टिकट
UpdateDraftActionResponseBuilder
— एक खाली UpdateDraftActionResponseBuilder.
newUpdateDraftBccRecipientsAction()
नया UpdateDraftBccRecipientsAction
बनाता है;
वापसी का टिकट
UpdateDraftBccRecipientsAction
— एक खाली UpdateDraft रुचिRecipientsAction.
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
— पुष्टि नहीं की गई.