CardService, Google Workspace ऐड-ऑन जैसे Google के अलग-अलग एक्सटेंशन के लिए इस्तेमाल किए जाने वाले जेनरिक कार्ड बनाने की सुविधा देती है.
ऐड-ऑन कार्ड का सैंपल नीचे दिया गया है.
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(); }
चैट ऐप्लिकेशन के कार्ड का सैंपल.
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
— कोई कार्रवाई न होने पर दिखने वाली कार्रवाई.
newAttachment()
newAuthorizationAction()
newAuthorizationException()
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.
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()
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
— कोई खाली SuggestResponse बिल्डर टूल.
newTextButton()
newTextParagraph()
newTimePicker()
newUniversalActionResponseBuilder()
नया UniversalActionResponseBuilder
बनाएं.
रिटर्न
UniversalActionResponseBuilder
— एक UniversalActionResponse बिल्डर खाली है.
newUpdateDraftActionResponseBuilder()
नया UpdateDraftActionResponseBuilder
बनाएं.
रिटर्न
UpdateDraftActionResponseBuilder
— खाली UpdateDraftActionResponseBuilder.
newUpdateDraftBccRecipientsAction()
नया UpdateDraftBccRecipientsAction
बनाएं;
रिटर्न
UpdateDraftBccRecipientsAction
— कोई UpdateDraftRecipientsAction का विकल्प नहीं है.
newUpdateDraftBodyAction()
newUpdateDraftCcRecipientsAction()
नया UpdateDraftCcRecipientsAction
बनाएं.
रिटर्न
UpdateDraftCcRecipientsAction
— एक खाली UpdateDraftRecipientsAction.
newUpdateDraftSubjectAction()
नया UpdateDraftSubjectAction
बनाएं.
रिटर्न
UpdateDraftSubjectAction
— एक UpdateDraftSubjectAction खाली है.
newUpdateDraftToRecipientsAction()
नया UpdateDraftToRecipientsAction
बनाएं.
रिटर्न
UpdateDraftToRecipientsAction
— एक खाली UpdateDraftToRecipientsAction का.