Cards v2

object ( CardHeader )

কার্ডের হেডার। একটি হেডারে সাধারণত একটি অগ্রণী চিত্র এবং একটি শিরোনাম থাকে। হেডার সবসময় একটি কার্ডের শীর্ষে প্রদর্শিত হয়।

object ( Section )

উইজেটগুলির একটি সংগ্রহ রয়েছে। প্রতিটি বিভাগের নিজস্ব, ঐচ্ছিক শিরোনাম আছে। বিভাগগুলি দৃশ্যত একটি লাইন বিভাজক দ্বারা পৃথক করা হয়। Google Chat অ্যাপের উদাহরণের জন্য, কার্ডের একটি বিভাগ সংজ্ঞায়িত করুন দেখুন।

enum ( DividerStyle )

হেডার, বিভাগ এবং ফুটারের মধ্যে বিভাজক শৈলী।

object ( CardAction )

কার্ডের ক্রিয়াকলাপ। কার্ডের টুলবার মেনুতে অ্যাকশন যোগ করা হয়।

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

উদাহরণস্বরূপ, নিম্নলিখিত JSON Settings এবং Send Feedback বিকল্পগুলির সাথে একটি কার্ড অ্যাকশন মেনু তৈরি করে:

"cardActions": [
  {
    "actionLabel": "Settings",
    "onClick": {
      "action": {
        "functionName": "goToView",
        "parameters": [
          {
            "key": "viewType",
            "value": "SETTING"
         }
        ],
        "loadIndicator": "LoadIndicator.SPINNER"
      }
    }
  },
  {
    "actionLabel": "Send Feedback",
    "onClick": {
      "openLink": {
        "url": "https://example.com/feedback"
      }
    }
  }
]

string

কার্ডের নাম। কার্ড নেভিগেশন একটি কার্ড শনাক্তকারী হিসাবে ব্যবহৃত.

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

object ( CardFixedFooter )

এই কার্ডের নীচে দেখানো ফিক্সড ফুটার।

primaryButton বা secondaryButton উল্লেখ না করে fixedFooter সেট করা একটি ত্রুটি ঘটায়। চ্যাট অ্যাপের জন্য, আপনি ডায়ালগে ফিক্সড ফুটার ব্যবহার করতে পারেন, কিন্তু কার্ড মেসেজ নয়।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ।

enum ( DisplayStyle )

Google Workspace অ্যাড-অনে, peekCardHeader ডিসপ্লে প্রপার্টি সেট করে।

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

object ( CardHeader )

প্রাসঙ্গিক বিষয়বস্তু প্রদর্শন করার সময়, পিক কার্ড শিরোনাম একটি স্থানধারক হিসাবে কাজ করে যাতে ব্যবহারকারী হোমপেজ কার্ড এবং প্রাসঙ্গিক কার্ডগুলির মধ্যে এগিয়ে যেতে পারে৷

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

string

প্রয়োজন। কার্ড হেডারের শিরোনাম। শিরোনামটির একটি নির্দিষ্ট উচ্চতা রয়েছে: যদি একটি শিরোনাম এবং উপশিরোনাম উভয়ই নির্দিষ্ট করা হয়, প্রতিটি একটি লাইন নেয়। শুধুমাত্র শিরোনাম নির্দিষ্ট করা হলে, এটি উভয় লাইন আপ করে।

string

কার্ড হেডারের সাবটাইটেল। নির্দিষ্ট করা হলে, title নীচে তার নিজস্ব লাইনে উপস্থিত হয়।

enum ( ImageType )

ছবি ক্রপ করতে ব্যবহৃত আকৃতি।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ।

string

কার্ড হেডারে ছবির HTTPS URL।

string

এই চিত্রের বিকল্প পাঠ্য যা অ্যাক্সেসযোগ্যতার জন্য ব্যবহৃত হয়।

string

একটি বিভাগের শীর্ষে প্রদর্শিত পাঠ্য। সহজ এইচটিএমএল ফরম্যাটেড টেক্সট সমর্থন করে। টেক্সট ফর্ম্যাট করার বিষয়ে আরও তথ্যের জন্য, Google Chat অ্যাপে টেক্সট ফর্ম্যাটিং এবং Google Workspace অ্যাড-অনগুলিতে টেক্সট ফর্ম্যাটিং দেখুন।

object ( Widget )

বিভাগে সব উইজেট. কমপক্ষে একটি উইজেট থাকতে হবে।

boolean

এই বিভাগটি সংকোচনযোগ্য কিনা তা নির্দেশ করে৷

সংকোচনযোগ্য বিভাগগুলি কিছু বা সমস্ত উইজেট লুকিয়ে রাখে, তবে ব্যবহারকারীরা আরও দেখান ক্লিক করে লুকানো উইজেটগুলি প্রকাশ করতে বিভাগটি প্রসারিত করতে পারে। ব্যবহারকারীরা কম দেখান ক্লিক করে আবার উইজেটগুলি লুকিয়ে রাখতে পারেন৷

কোন উইজেটগুলি লুকানো আছে তা নির্ধারণ করতে, uncollapsibleWidgetsCount নির্দিষ্ট করুন।

integer

অসংলগ্ন উইজেটের সংখ্যা যা একটি বিভাগ ভেঙে গেলেও দৃশ্যমান থাকে।

উদাহরণস্বরূপ, যখন একটি বিভাগে পাঁচটি উইজেট থাকে এবং uncollapsibleWidgetsCount 2 তে সেট করা হয়, প্রথম দুটি উইজেট সর্বদা দেখানো হয় এবং শেষ তিনটি ডিফল্টরূপে ভেঙে ফেলা হয়। uncollapsibleWidgetsCount শুধুমাত্র তখনই বিবেচনা করা হয় যখন collapsible true হয়।

object ( CollapseControl )

ঐচ্ছিক। বিভাগের প্রসারিত এবং সঙ্কুচিত বোতামটি সংজ্ঞায়িত করুন। বিভাগটি সংকোচনযোগ্য হলেই এই বোতামটি দেখানো হবে। এই ক্ষেত্র সেট না থাকলে, ডিফল্ট বোতাম ব্যবহার করা হয়।

enum ( HorizontalAlignment )

উইজেটগুলি একটি কলামের বাম, ডান বা কেন্দ্রে সারিবদ্ধ কিনা তা নির্দিষ্ট করে৷

object ( TextParagraph )

একটি পাঠ্য অনুচ্ছেদ প্রদর্শন করে। সহজ এইচটিএমএল ফরম্যাটেড টেক্সট সমর্থন করে। টেক্সট ফর্ম্যাট করার বিষয়ে আরও তথ্যের জন্য, Google Chat অ্যাপে টেক্সট ফর্ম্যাটিং এবং Google Workspace অ্যাড-অনগুলিতে টেক্সট ফর্ম্যাটিং দেখুন।

উদাহরণস্বরূপ, নিম্নলিখিত JSON একটি বোল্ড লেখা তৈরি করে:

"textParagraph": {
  "text": "  <b>bold text</b>"
}

object ( Image )

একটি চিত্র প্রদর্শন করে।

উদাহরণস্বরূপ, নিম্নলিখিত JSON বিকল্প পাঠ্য সহ একটি চিত্র তৈরি করে:

"image": {
  "imageUrl":
  "https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
  "altText": "Chat app avatar"
}

object ( DecoratedText )

একটি সজ্জিত পাঠ্য আইটেম প্রদর্শন করে।

উদাহরণস্বরূপ, নিম্নলিখিত JSON ইমেল ঠিকানা দেখানো একটি সজ্জিত পাঠ্য উইজেট তৈরি করে:

"decoratedText": {
  "icon": {
    "knownIcon": "EMAIL"
  },
  "topLabel": "Email Address",
  "text": "[email protected]",
  "bottomLabel": "This is a new Email address!",
  "switchControl": {
    "name": "has_send_welcome_email_to_sasha",
    "selected": false,
    "controlType": "CHECKBOX"
  }
}

object ( ButtonList )

বোতামগুলির একটি তালিকা।

উদাহরণস্বরূপ, নিম্নলিখিত JSON দুটি বোতাম তৈরি করে। প্রথমটি একটি নীল পাঠ্য বোতাম এবং দ্বিতীয়টি একটি চিত্র বোতাম যা একটি লিঙ্ক খোলে:

"buttonList": {
  "buttons": [
    {
      "text": "Edit",
      "color": {
        "red": 0,
        "green": 0,
        "blue": 1,
      },
      "disabled": true,
    },
    {
      "icon": {
        "knownIcon": "INVITE",
        "altText": "check calendar"
      },
      "onClick": {
        "openLink": {
          "url": "https://example.com/calendar"
        }
      }
    }
  ]
}

object ( TextInput )

ব্যবহারকারীরা টাইপ করতে পারে এমন একটি পাঠ্য বাক্স প্রদর্শন করে৷

উদাহরণস্বরূপ, নিম্নলিখিত JSON একটি ইমেল ঠিকানার জন্য একটি পাঠ্য ইনপুট তৈরি করে:

"textInput": {
  "name": "mailing_address",
  "label": "Mailing Address"
}

আরেকটি উদাহরণ হিসাবে, নিম্নলিখিত JSON স্ট্যাটিক পরামর্শ সহ একটি প্রোগ্রামিং ভাষার জন্য একটি পাঠ্য ইনপুট তৈরি করে:

"textInput": {
  "name": "preferred_programing_language",
  "label": "Preferred Language",
  "initialSuggestions": {
    "items": [
      {
        "text": "C++"
      },
      {
        "text": "Java"
      },
      {
        "text": "JavaScript"
      },
      {
        "text": "Python"
      }
    ]
  }
}

object ( SelectionInput )

একটি নির্বাচন নিয়ন্ত্রণ প্রদর্শন করে যা ব্যবহারকারীদের আইটেম নির্বাচন করতে দেয়। নির্বাচন নিয়ন্ত্রণগুলি চেকবক্স, রেডিও বোতাম, সুইচ বা ড্রপডাউন মেনু হতে পারে।

উদাহরণস্বরূপ, নিম্নলিখিত JSON একটি ড্রপডাউন মেনু তৈরি করে যা ব্যবহারকারীদের একটি আকার চয়ন করতে দেয়:

"selectionInput": {
  "name": "size",
  "label": "Size"
  "type": "DROPDOWN",
  "items": [
    {
      "text": "S",
      "value": "small",
      "selected": false
    },
    {
      "text": "M",
      "value": "medium",
      "selected": true
    },
    {
      "text": "L",
      "value": "large",
      "selected": false
    },
    {
      "text": "XL",
      "value": "extra_large",
      "selected": false
    }
  ]
}

object ( DateTimePicker )

একটি উইজেট প্রদর্শন করে যা ব্যবহারকারীদের একটি তারিখ, সময় বা তারিখ এবং সময় ইনপুট করতে দেয়।

উদাহরণস্বরূপ, নিম্নলিখিত JSON একটি অ্যাপয়েন্টমেন্টের সময় নির্ধারণের জন্য একটি তারিখ সময় পিকার তৈরি করে:

"dateTimePicker": {
  "name": "appointment_time",
  "label": "Book your appointment at:",
  "type": "DATE_AND_TIME",
  "valueMsEpoch": 796435200000
}

object ( Divider )

উইজেটগুলির মধ্যে একটি অনুভূমিক রেখা বিভাজক প্রদর্শন করে।

উদাহরণস্বরূপ, নিম্নলিখিত JSON একটি বিভাজক তৈরি করে:

"divider": {
}

object ( Grid )

আইটেম সংগ্রহের সাথে একটি গ্রিড প্রদর্শন করে।

একটি গ্রিড যেকোনো সংখ্যক কলাম এবং আইটেম সমর্থন করে। সারির সংখ্যা কলামের সংখ্যা দ্বারা ভাগ করা সংখ্যা আইটেমের উপরের সীমানা দ্বারা নির্ধারিত হয়। 10টি আইটেম এবং 2টি কলাম সহ একটি গ্রিডে 5টি সারি রয়েছে৷ 11টি আইটেম এবং 2টি কলাম সহ একটি গ্রিডে 6টি সারি রয়েছে।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ।

উদাহরণস্বরূপ, নিম্নলিখিত JSON একটি একক আইটেম সহ একটি 2 কলাম গ্রিড তৈরি করে:

"grid": {
  "title": "A fine collection of items",
  "columnCount": 2,
  "borderStyle": {
    "type": "STROKE",
    "cornerRadius": 4
  },
  "items": [
    {
      "image": {
        "imageUri": "https://www.example.com/image.png",
        "cropStyle": {
          "type": "SQUARE"
        },
        "borderStyle": {
          "type": "STROKE"
        }
      },
      "title": "An item",
      "textAlignment": "CENTER"
    }
  ],
  "onClick": {
    "openLink": {
      "url": "https://www.example.com"
    }
  }
}

object ( Columns )

2টি কলাম পর্যন্ত প্রদর্শন করে।

2টির বেশি কলাম অন্তর্ভুক্ত করতে বা সারি ব্যবহার করতে, Grid উইজেট ব্যবহার করুন।

উদাহরণস্বরূপ, নিম্নলিখিত JSON 2টি কলাম তৈরি করে যার প্রতিটিতে পাঠ্য অনুচ্ছেদ রয়েছে:

"columns": {
  "columnItems": [
    {
      "horizontalSizeStyle": "FILL_AVAILABLE_SPACE",
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widgets": [
        {
          "textParagraph": {
            "text": "First column text paragraph"
          }
        }
      ]
    },
    {
      "horizontalSizeStyle": "FILL_AVAILABLE_SPACE",
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widgets": [
        {
          "textParagraph": {
            "text": "Second column text paragraph"
          }
        }
      ]
    }
  ]
}

object ( Carousel )

একটি ক্যারোজেলে নেস্টেড উইজেটগুলির একটি সংগ্রহ রয়েছে৷ উদাহরণস্বরূপ, এটি একটি ক্যারোজেলের একটি JSON উপস্থাপনা যাতে দুটি পাঠ্য অনুচ্ছেদ রয়েছে৷

{
  "widgets": [
    {
      "textParagraph": {
        "text": "First text paragraph in the carousel."
      }
    },
    {
      "textParagraph": {
        "text": "Second text paragraph in the carousel."
      }
    }
  ]
}

object ( ChipList )

চিপস একটি তালিকা.

উদাহরণস্বরূপ, নিম্নলিখিত JSON দুটি চিপ তৈরি করে। প্রথমটি একটি পাঠ্য চিপ এবং দ্বিতীয়টি একটি আইকন চিপ যা একটি লিঙ্ক খোলে:

"chipList": {
  "chips": [
    {
      "text": "Edit",
      "disabled": true,
    },
    {
      "icon": {
        "knownIcon": "INVITE",
        "altText": "check calendar"
      },
      "onClick": {
        "openLink": {
          "url": "https://example.com/calendar"
        }
      }
    }
  ]
}

string

উইজেটে দেখানো টেক্সট।

integer

উইজেটে প্রদর্শিত পাঠ্যের সর্বোচ্চ সংখ্যক লাইন। যদি পাঠ্যটি নির্দিষ্ট সর্বোচ্চ সংখ্যক লাইন অতিক্রম করে, অতিরিক্ত বিষয়বস্তু একটি শো মোর বোতামের পিছনে লুকিয়ে রাখা হয়। পাঠ্যটি নির্দিষ্ট সর্বোচ্চ সংখ্যক লাইনের চেয়ে সমান বা ছোট হলে, একটি আরও দেখান বোতাম প্রদর্শিত হবে না।

ডিফল্ট মান হল 0, এই ক্ষেত্রে সমস্ত প্রসঙ্গ প্রদর্শিত হয়। নেতিবাচক মান উপেক্ষা করা হয়.

enum ( TextSyntax )

পাঠ্যের সিনট্যাক্স। সেট করা না থাকলে, পাঠ্যটি HTML হিসাবে রেন্ডার করা হয়।

Google Chat অ্যাপের জন্য উপলভ্য এবং Google Workspace অ্যাড-অনগুলির জন্য অনুপলব্ধ।

string

HTTPS URL যেটি ছবিটি হোস্ট করে।

যেমন:

https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png

object ( OnClick )

যখন একজন ব্যবহারকারী ছবিটিতে ক্লিক করেন, তখন ক্লিকটি এই ক্রিয়াকে ট্রিগার করে।

string

এই চিত্রের বিকল্প পাঠ্য যা অ্যাক্সেসযোগ্যতার জন্য ব্যবহৃত হয়।

object ( Action )

নির্দিষ্ট করা থাকলে, এই onClick দ্বারা একটি ক্রিয়া ট্রিগার হয়।

object ( OpenLink )

নির্দিষ্ট করা থাকলে, এই onClick একটি ওপেন লিঙ্ক অ্যাকশন ট্রিগার করে।

object ( Action )

একটি অ্যাড-অন এই ক্রিয়াটি ট্রিগার করে যখন অ্যাকশনটির একটি লিঙ্ক খোলার প্রয়োজন হয়। এটি উপরের openLink থেকে আলাদা যে লিঙ্কটি পেতে সার্ভারের সাথে কথা বলতে হবে। এইভাবে ওপেন লিঙ্ক অ্যাকশন প্রতিক্রিয়া ফিরে আসার আগে ওয়েব ক্লায়েন্টের জন্য কিছু প্রস্তুতিমূলক কাজ করা প্রয়োজন।

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

object ( Card )

নির্দিষ্ট করা থাকলে ক্লিক করার পর একটি নতুন কার্ড কার্ড স্ট্যাকে পুশ করা হয়।

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

object ( OverflowMenu )

নির্দিষ্ট করা থাকলে, এই onClick একটি ওভারফ্লো মেনু খোলে।

string

একটি কাস্টম ফাংশন যখন ধারণ করা উপাদানটি ক্লিক করা হয় বা অন্যথায় সক্রিয় করা হয়।

উদাহরণ ব্যবহারের জন্য, ফর্ম ডেটা পড়ুন দেখুন।

object ( ActionParameter )

কর্ম পরামিতি তালিকা.

enum ( LoadIndicator )

অ্যাকশনে কল করার সময় অ্যাকশনটি যে লোডিং সূচকটি প্রদর্শন করে তা নির্দিষ্ট করে।

boolean

কর্মের পরে ফর্ম মানগুলি বজায় থাকে কিনা তা নির্দেশ করে৷ ডিফল্ট মান false ।

true হলে, ক্রিয়াটি ট্রিগার হওয়ার পরে ফর্মের মানগুলি থেকে যায়। ক্রিয়াটি প্রক্রিয়া করার সময় ব্যবহারকারীকে পরিবর্তন করতে দিতে, LoadIndicator সেট করুন NONE । চ্যাট অ্যাপ্লিকেশানগুলিতে কার্ড বার্তাগুলির জন্য, আপনাকে অবশ্যই অ্যাকশনের ResponseType UPDATE_MESSAGE এ সেট করতে হবে এবং যে কার্ডটিতে অ্যাকশন রয়েছে সেই কার্ড থেকে একই cardId ব্যবহার করতে হবে৷

false হলে, ক্রিয়াটি ট্রিগার হলে ফর্মের মানগুলি সাফ করা হয়। ক্রিয়াটি প্রক্রিয়াকরণের সময় ব্যবহারকারীকে পরিবর্তন করা থেকে বিরত রাখতে, LoadIndicator SPINNER এ সেট করুন।

enum ( Interaction )

ঐচ্ছিক। একটি ডায়ালগ খোলার সময় প্রয়োজন।

একজন ব্যবহারকারীর সাথে ইন্টারঅ্যাকশনের প্রতিক্রিয়ায় কী করবেন, যেমন একজন ব্যবহারকারী কার্ড বার্তায় একটি বোতামে ক্লিক করছেন।

অনির্দিষ্ট থাকলে, অ্যাপটি একটি action সম্পাদন করে সাড়া দেয় - যেমন একটি লিঙ্ক খোলা বা একটি ফাংশন চালানো - স্বাভাবিক হিসাবে।

একটি interaction নির্দিষ্ট করে, অ্যাপটি বিশেষ ইন্টারেক্টিভ উপায়ে প্রতিক্রিয়া জানাতে পারে। উদাহরণস্বরূপ, OPEN_DIALOG এ interaction সেট করে, অ্যাপটি একটি ডায়ালগ খুলতে পারে। নির্দিষ্ট করা হলে, একটি লোডিং সূচক দেখানো হয় না। একটি অ্যাড-অনের জন্য নির্দিষ্ট করা হলে, পুরো কার্ডটি ছিনতাই করা হয় এবং ক্লায়েন্টে কিছুই দেখানো হয় না।

Google Chat অ্যাপের জন্য উপলভ্য এবং Google Workspace অ্যাড-অনগুলির জন্য অনুপলব্ধ।

string

ঐচ্ছিক। একটি বৈধ জমা দেওয়ার জন্য এই অ্যাকশনের প্রয়োজন এমন উইজেটের নাম দিয়ে এই তালিকাটি পূরণ করুন।

এই অ্যাকশনটি চালু করার সময় এখানে তালিকাভুক্ত উইজেটগুলির একটি মান না থাকলে, ফর্ম জমা দেওয়া বাতিল করা হয়।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ।

boolean

ঐচ্ছিক। যদি এটি সত্য হয়, তাহলে সমস্ত উইজেট এই কর্মের জন্য প্রয়োজনীয় বলে বিবেচিত হয়।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ।

string

অ্যাকশন স্ক্রিপ্টের জন্য প্যারামিটারের নাম।

string

প্যারামিটারের মান।

string

খুলতে URL.

enum ( OpenAs )

কিভাবে একটি লিঙ্ক খুলবেন।

Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ এবং Google Chat অ্যাপগুলির জন্য অনুপলব্ধ।

enum (