কার্ড পরিষেবা বিভিন্ন 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(); }
একটি চ্যাট অ্যাপস কার্ডের নমুনা।
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();
বৈশিষ্ট্য
সম্পত্তি | টাইপ | বর্ণনা |
---|---|---|
Border Type | Border Type | Border Type গণনা। |
Chip List Layout | Chip List Layout | Chip List Layout গণনা. |
Composed Email Type | Composed Email Type | Composed Email Type গণনা। |
Content Type | Content Type | Content Type গণনা। |
Grid Item Layout | Grid Item Layout | Grid Item Layout গণনা. |
Horizontal Alignment | Horizontal Alignment | Horizontal Alignment গণনা। |
Icon | Icon | Icon গণনা। |
Image Button Style | Image Button Style | Image Button Style গণনা. |
Image Crop Type | Image Crop Type | Image Crop Type গণনা। |
Image Style | Image Style | Image Style গণনা. |
Input Type | Input Type | Input Type গণনা। |
Load Indicator | Load Indicator | Load Indicator গণনা। |
On Close | On Close | On Close গণনা। |
Open As | Open As | গণনা Open As । |
Selection Input Type | Selection Input Type | Selection Input Type গণনা। |
Text Button Style | Text Button Style | Text Button Style গণনা। |
Update Draft Body Type | Update Draft Body Type | Update Draft Body Type গণনা। |
পদ্ধতি
বিস্তারিত ডকুমেন্টেশন
new Action Response Builder()
একটি নতুন Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Action Response Builder
- একটি খালি অ্যাকশন রেসপন্স নির্মাতা।
new Action Status()
একটি নতুন Action Status
তৈরি করে।
শুধুমাত্র Google Chat অ্যাপের জন্য উপলব্ধ। Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ নয়।
const actionStatus = CardService.newActionStatus() .setStatusCode(CardService.Status.OK) .setUserFacingMessage('Success');
প্রত্যাবর্তন
Action Status
- একটি খালি অ্যাকশন স্ট্যাটাস।
new Attachment()
new Authorization Action()
একটি নতুন Authorization Action
তৈরি করে।
প্রত্যাবর্তন
Authorization Action
- একটি খালি অনুমোদন কর্ম।
new Authorization Exception()
একটি নতুন Authorization Exception
তৈরি করে।
প্রত্যাবর্তন
Authorization Exception
- একটি খালি অনুমোদন ব্যতিক্রম।
new Border Style()
new Button Set()
new Calendar Event Action Response Builder()
একটি নতুন Calendar Event Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Calendar Event Action Response Builder
— একটি খালি Calendar Event Action Response Builder
।
new Card Action()
new Card Builder()
new Card Header()
new Card Section()
new Card With Id()
Card With Id
তৈরি করে। এটি একটি Google চ্যাট বার্তায় একটি কার্ড পাঠাতে ব্যবহৃত হয়। একাধিক কার্ড পাঠানোর সময় কার্ড আইডি একটি বার্তায় একটি কার্ডের জন্য একটি অনন্য শনাক্তকারী।
শুধুমাত্র 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);
প্রত্যাবর্তন
new Chat Action Response()
একটি নতুন Chat Action Response
তৈরি করে।
শুধুমাত্র 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 Action Response
— একটি খালি Chat Action Response
।
new Chat Response Builder()
একটি নতুন Chat Response Builder
তৈরি করে।
শুধুমাত্র 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 Response Builder
— একটি খালি ChatResponseBuilder।
new Chip()
new Chip List()
একটি নতুন Chip List
তৈরি করে।
শুধুমাত্র Google Chat অ্যাপের জন্য উপলব্ধ। Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ নয়।
const chip = CardService.newChip(); // Finish building the text chip... const chipList = CardService.newChipList() .setLayout(CardService.ChipListLayout.WRAPPED) .addChip(chip);
প্রত্যাবর্তন
Chip List
- একটি খালি চিপলিস্ট।
new Collapse Control()
একটি নতুন Collapse Control
তৈরি করে।
শুধুমাত্র Google Chat অ্যাপের জন্য উপলব্ধ। Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ নয়।
const collapseControl = CardService.newCollapseControl() .setHorizontalAlign(CardService.HorizontalAlignment.START) .setExpandButton(CardService.newTextButton().setText('Expand')) .setCollapseButton(CardService.newTextButton().setText('Collapse'));
প্রত্যাবর্তন
Collapse Control
— একটি খালি সংকোচন নিয়ন্ত্রণ।
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 Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Compose Action Response Builder
— একটি খালি ComposeActionResponse নির্মাতা।
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 Action
তৈরি করে।
শুধুমাত্র 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 Action
— একটি খালি Dialog Action
।
new Divider()
একটি নতুন Divider
তৈরি করে। নিম্নলিখিত নমুনাটি একটি বিভাজক দ্বারা পৃথক 2টি অনুচ্ছেদ সহ একটি সাধারণ কার্ড তৈরি করে৷
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 Items Selected Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Drive Items Selected Action Response Builder
— একটি খালি Drive Items Selected Action Response Builder
।
new Editor File Scope Action Response Builder()
একটি নতুন Editor File Scope Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Editor File Scope Action Response Builder
— একটি খালি Editor File Scope Action Response Builder
।
new Icon Image()
new Image Button()
new Image Component()
new Image Crop Style()
new Link Preview()
একটি নতুন Link Preview
তৈরি করে।
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 Preview
- একটি খালি লিঙ্কপ্রিভিউ।
new Material Icon()
একটি নতুন Material Icon
তৈরি করে।
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 Icon
- একটি খালি উপাদান আইকন.
new Notification()
new Overflow Menu()
একটি নতুন Overflow Menu
তৈরি করে।
শুধুমাত্র Google Chat অ্যাপের জন্য উপলব্ধ। Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ নয়।
const overflowMenuItem = CardService.newOverflowMenuItem(); // Finish building the overflow menu item... const overflowMenu = CardService.newOverflowMenu().addMenuItem(overflowMenuItem);
প্রত্যাবর্তন
Overflow Menu
- একটি খালি ওভারফ্লো মেনু।
new Overflow Menu Item()
একটি নতুন Overflow Menu Item
তৈরি করে।
শুধুমাত্র 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 Menu Item
- একটি খালি ওভারফ্লো মেনু আইটেম।
new Selection Input()
new Suggestions()
new Suggestions Response Builder()
একটি নতুন Suggestions Response Builder
তৈরি করে।
প্রত্যাবর্তন
Suggestions Response Builder
— একটি খালি সাজেশনস রেসপন্স বিল্ডার।
new Text Button()
new Text Input()
new Text Paragraph()
new Time Picker()
new Universal Action Response Builder()
একটি নতুন Universal Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Universal Action Response Builder
— একটি খালি ইউনিভার্সাল অ্যাকশন রেসপন্স নির্মাতা।
new Update Draft Action Response Builder()
একটি নতুন Update Draft Action Response Builder
তৈরি করে।
প্রত্যাবর্তন
Update Draft Action Response Builder
— একটি খালি UpdateDraftActionResponseBuilder।
new Update Draft Bcc Recipients Action()
একটি নতুন Update Draft Bcc Recipients Action
তৈরি করে;
প্রত্যাবর্তন
Update Draft Bcc Recipients Action
— একটি খালি UpdateDraftBccRecipientsAction।
new Update Draft Body Action()
একটি নতুন Update Draft Body Action
তৈরি করে।
প্রত্যাবর্তন
Update Draft Body Action
— একটি খালি আপডেট ড্রাফ্ট বডি অ্যাকশন।
new Update Draft Cc Recipients Action()
একটি নতুন Update Draft Cc Recipients Action
তৈরি করে।
প্রত্যাবর্তন
Update Draft Cc Recipients Action
— একটি খালি আপডেট ড্রাফ্ট সিসি প্রাপক অ্যাকশন।
new Update Draft Subject Action()
একটি নতুন Update Draft Subject Action
তৈরি করে।
প্রত্যাবর্তন
Update Draft Subject Action
— একটি খালি UpdateDraftSubjectAction।
new Update Draft To Recipients Action()
Update Draft To Recipients Action
তৈরি করে।
প্রত্যাবর্তন
Update Draft To Recipients Action
— একটি খালি UpdateDraftToRecipientsAction।
new Validation()
একটি নতুন Validation
তৈরি করে।
Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ।
const validation = CardService.newValidation().setCharacterLimit(5).setInputType( CardService.InputType.EMAIL);
প্রত্যাবর্তন
Validation
- একটি খালি বৈধতা।