Cards v2

কার্ড

Google Chat মেসেজে বা Google Workspace অ্যাড-অনে প্রদর্শিত কার্ড ইন্টারফেস।

কার্ডগুলি একটি সংজ্ঞায়িত লেআউট, বোতামগুলির মতো ইন্টারেক্টিভ UI উপাদান এবং ছবির মতো সমৃদ্ধ মিডিয়া সমর্থন করে৷ বিস্তারিত তথ্য উপস্থাপন করতে, ব্যবহারকারীদের কাছ থেকে তথ্য সংগ্রহ করতে এবং পরবর্তী পদক্ষেপ নিতে ব্যবহারকারীদের গাইড করতে কার্ড ব্যবহার করুন।

কার্ড নির্মাতার সাথে কার্ড ডিজাইন এবং পূর্বরূপ দেখুন।

কার্ড বিল্ডার খুলুন

কিভাবে কার্ড তৈরি করতে হয় তা জানতে, নিম্নলিখিত ডকুমেন্টেশন দেখুন:

উদাহরণ: একটি Google চ্যাট অ্যাপের জন্য কার্ড বার্তা

উদাহরণ যোগাযোগ কার্ড

Google Chat-এ নমুনা কার্ড বার্তা তৈরি করতে, নিম্নলিখিত JSON ব্যবহার করুন:

{
  "cardsV2": [
    {
      "cardId": "unique-card-id",
      "card": {
        "header": {
           "title": "Sasha",
           "subtitle": "Software Engineer",
           "imageUrl":
           "https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
           "imageType": "CIRCLE",
           "imageAltText": "Avatar for Sasha"
         },
         "sections": [
           {
             "header": "Contact Info",
             "collapsible": true,
             "uncollapsibleWidgetsCount": 1,
             "widgets": [
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "EMAIL"
                   },
                   "text": "sasha@example.com"
                 }
               },
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "PERSON"
                   },
                   "text": "<font color=\"#80e27e\">Online</font>"
                 }
               },
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "PHONE"
                   },
                   "text": "+1 (555) 555-1234"
                 }
               },
               {
                 "buttonList": {
                   "buttons": [
                     {
                       "text": "Share",
                       "onClick": {
                        "openLink": {
                           "url": "https://example.com/share"
                         }
                       }
                     },
                     {
                       "text": "Edit",
                       "onClick": {
                         "action": {
                           "function": "goToView",
                           "parameters": [
                             {
                               "key": "viewType",
                               "value": "EDIT"
                             }
                           ]
                         }
                       }
                     }
                   ]
                 }
               }
             ]
           }
         ]
       }
    }
  ]
}
JSON প্রতিনিধিত্ব
{
  "header": {
    object (CardHeader)
  },
  "sections": [
    {
      object (Section)
    }
  ],
  "sectionDividerStyle": enum (DividerStyle),
  "cardActions": [
    {
      object (CardAction)
    }
  ],
  "name": string,
  "fixedFooter": {
    object (CardFixedFooter)
  },
  "displayStyle": enum (DisplayStyle),
  "peekCardHeader": {
    object (CardHeader)
  }
}
ক্ষেত্র
header

object ( CardHeader )

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

sections[]

object ( Section )

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

sectionDividerStyle

enum ( DividerStyle )

বিভাগের মধ্যে বিভাজক শৈলী.

cardActions[]

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"
      }
    }
  }
]
name

string

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

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

displayStyle

enum ( DisplayStyle )

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

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

peekCardHeader

object ( CardHeader )

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

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

কার্ডহেডার

একটি কার্ড হেডার প্রতিনিধিত্ব করে। Google চ্যাট অ্যাপের উদাহরণের জন্য, একটি শিরোনাম যোগ করুন দেখুন।

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

JSON প্রতিনিধিত্ব
{
  "title": string,
  "subtitle": string,
  "imageType": enum (ImageType),
  "imageUrl": string,
  "imageAltText": string
}
ক্ষেত্র
title

string

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

subtitle

string

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

imageType

enum ( ImageType )

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

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

imageUrl

string

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

imageAltText

string

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

ইমেজ টাইপ

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

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

Enums
SQUARE ডিফল্ট মান। ছবিতে একটি বর্গাকার মুখোশ প্রয়োগ করুন। উদাহরণস্বরূপ, একটি 4x3 চিত্র 3x3 হয়ে যায়।
CIRCLE ছবিতে একটি বৃত্তাকার মুখোশ প্রয়োগ করুন। উদাহরণস্বরূপ, একটি 4x3 চিত্র 3 ব্যাস সহ একটি বৃত্তে পরিণত হয়।

অধ্যায়

একটি বিভাগে উইজেটগুলির একটি সংগ্রহ রয়েছে যা উল্লম্বভাবে উল্লম্বভাবে রেন্ডার করা হয় যেগুলি নির্দিষ্ট করা হয়েছে৷

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

JSON প্রতিনিধিত্ব
{
  "header": string,
  "widgets": [
    {
      object (Widget)
    }
  ],
  "collapsible": boolean,
  "uncollapsibleWidgetsCount": integer
}
ক্ষেত্র
header

string

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

widgets[]

object ( Widget )

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

collapsible

boolean

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

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

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

uncollapsibleWidgetsCount

integer

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

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

উইজেট

প্রতিটি কার্ড উইজেট দিয়ে তৈরি।

একটি উইজেট হল একটি যৌগিক বস্তু যা পাঠ্য, চিত্র, বোতাম এবং অন্যান্য অবজেক্ট প্রকারের একটিকে উপস্থাপন করতে পারে।

JSON প্রতিনিধিত্ব
{
  "horizontalAlignment": enum (HorizontalAlignment),

  // Union field data can be only one of the following:
  "textParagraph": {
    object (TextParagraph)
  },
  "image": {
    object (Image)
  },
  "decoratedText": {
    object (DecoratedText)
  },
  "buttonList": {
    object (ButtonList)
  },
  "textInput": {
    object (TextInput)
  },
  "selectionInput": {
    object (SelectionInput)
  },
  "dateTimePicker": {
    object (DateTimePicker)
  },
  "divider": {
    object (Divider)
  },
  "grid": {
    object (Grid)
  },
  "columns": {
    object (Columns)
  }
  // End of list of possible types for union field data.
}
ক্ষেত্র
horizontalAlignment

enum ( HorizontalAlignment )

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

ইউনিয়ন ক্ষেত্রের data । একটি উইজেটে শুধুমাত্র নিম্নলিখিত আইটেমগুলির একটি থাকতে পারে৷ আপনি আরও আইটেম প্রদর্শন করতে একাধিক উইজেট ক্ষেত্র ব্যবহার করতে পারেন। data নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
textParagraph

object ( TextParagraph )

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

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

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

object ( Image )

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

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

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

object ( DecoratedText )

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

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

"decoratedText": {
  "icon": {
    "knownIcon": "EMAIL"
  },
  "topLabel": "Email Address",
  "text": "sasha@example.com",
  "bottomLabel": "This is a new Email address!",
  "switchControl": {
    "name": "has_send_welcome_email_to_sasha",
    "selected": false,
    "controlType": "CHECKBOX"
  }
}
buttonList

object ( ButtonList )

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

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

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

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"
      }
    ]
  }
}
selectionInput

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
    }
  ]
}
dateTimePicker

object ( DateTimePicker )

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

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

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

object ( Divider )

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

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

"divider": {
}
grid

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"
    }
  }
}
columns

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"
          }
        }
      ]
    }
  ]
}

পাঠ্য অনুচ্ছেদ

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

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

JSON প্রতিনিধিত্ব
{
  "text": string
}
ক্ষেত্র
text

string

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

ছবি

একটি URL দ্বারা নির্দিষ্ট করা একটি চিত্র এবং একটি onClick অ্যাকশন থাকতে পারে৷ একটি উদাহরণের জন্য, একটি ছবি যোগ করুন দেখুন।

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

JSON প্রতিনিধিত্ব
{
  "imageUrl": string,
  "onClick": {
    object (OnClick)
  },
  "altText": string
}
ক্ষেত্র
imageUrl

string

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

উদাহরণ স্বরূপ:

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

object ( OnClick )

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

altText

string

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

অনক্লিক

ব্যবহারকারীরা একটি কার্ডে একটি ইন্টারেক্টিভ উপাদান, যেমন একটি বোতামে ক্লিক করলে কীভাবে প্রতিক্রিয়া জানাবেন তা প্রতিনিধিত্ব করে৷

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

JSON প্রতিনিধিত্ব
{

  // Union field data can be only one of the following:
  "action": {
    object (Action)
  },
  "openLink": {
    object (OpenLink)
  },
  "openDynamicLinkAction": {
    object (Action)
  },
  "card": {
    object (Card)
  }
  // End of list of possible types for union field data.
}
ক্ষেত্র

ইউনিয়ন ক্ষেত্রের data

data নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

action

object ( Action )

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

card

object ( Card )

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

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

কর্ম

ফর্ম জমা দেওয়ার সময় আচরণের বর্ণনা দেয় এমন একটি ক্রিয়া। উদাহরণস্বরূপ, আপনি ফর্মটি পরিচালনা করতে একটি Apps স্ক্রিপ্ট স্ক্রিপ্ট আহ্বান করতে পারেন৷ যদি ক্রিয়াটি ট্রিগার করা হয়, ফর্মের মানগুলি সার্ভারে পাঠানো হয়।

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

JSON প্রতিনিধিত্ব
{
  "function": string,
  "parameters": [
    {
      object (ActionParameter)
    }
  ],
  "loadIndicator": enum (LoadIndicator),
  "persistValues": boolean,
  "interaction": enum (Interaction)
}
ক্ষেত্র
function

string

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

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

parameters[]

object ( ActionParameter )

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

loadIndicator

enum ( LoadIndicator )

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

persistValues

boolean

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

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

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

interaction

enum ( Interaction )

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

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

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

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

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

অ্যাকশন প্যারামিটার

যখন অ্যাকশন পদ্ধতি চালু করা হয় তখন সরবরাহ করার জন্য স্ট্রিং প্যারামিটারের তালিকা। উদাহরণস্বরূপ, তিনটি স্নুজ বোতাম বিবেচনা করুন: এখনই স্নুজ করুন, একদিন স্নুজ করুন বা পরের সপ্তাহে স্নুজ করুন৷ আপনি action method = snooze() , স্ট্রিং প্যারামিটারের তালিকায় স্নুজ টাইপ এবং স্নুজ সময় পাস করে।

আরও জানতে, CommonEventObject দেখুন।

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

JSON প্রতিনিধিত্ব
{
  "key": string,
  "value": string
}
ক্ষেত্র
key

string

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

value

string

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

লোড ইন্ডিকেটর

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

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

Enums
SPINNER কন্টেন্ট লোড হচ্ছে তা নির্দেশ করতে একটি স্পিনার দেখায়।
NONE কিছুই প্রদর্শিত হয় না.

মিথষ্ক্রিয়া

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

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

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

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

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

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

Enums
INTERACTION_UNSPECIFIED ডিফল্ট মান। action স্বাভাবিক হিসাবে সঞ্চালিত হয়।
OPEN_DIALOG

একটি ডায়ালগ খোলে, একটি উইন্ডোযুক্ত, কার্ড-ভিত্তিক ইন্টারফেস যা চ্যাট অ্যাপ ব্যবহারকারীদের সাথে ইন্টারঅ্যাক্ট করতে ব্যবহার করে।

কার্ড বার্তাগুলিতে বোতাম-ক্লিকের প্রতিক্রিয়া হিসাবে শুধুমাত্র চ্যাট অ্যাপগুলি দ্বারা সমর্থিত৷ একটি অ্যাড-অনের জন্য নির্দিষ্ট করা হলে, পুরো কার্ডটি ছিনতাই করা হয় এবং ক্লায়েন্টে কিছুই দেখানো হয় না।

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

খুলবেন কোন ভাবে

যখন একটি OnClick অ্যাকশন একটি লিঙ্ক খোলে, তখন ক্লায়েন্ট এটিকে একটি পূর্ণ-আকারের উইন্ডো হিসাবে খুলতে পারে (যদি এটি ক্লায়েন্ট দ্বারা ব্যবহৃত ফ্রেম হয়), অথবা একটি ওভারলে (যেমন একটি পপ-আপ)। বাস্তবায়ন ক্লায়েন্ট প্ল্যাটফর্মের ক্ষমতার উপর নির্ভর করে এবং নির্বাচিত মান উপেক্ষা করা হতে পারে যদি ক্লায়েন্ট এটি সমর্থন না করে। FULL_SIZE সমস্ত ক্লায়েন্ট দ্বারা সমর্থিত।

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

Enums
FULL_SIZE লিঙ্কটি একটি পূর্ণ-আকারের উইন্ডো হিসাবে খোলে (যদি এটি ক্লায়েন্ট দ্বারা ব্যবহৃত ফ্রেম হয়)।
OVERLAY লিঙ্কটি একটি ওভারলে হিসাবে খোলে, যেমন একটি পপ-আপ৷

অনক্লোজ

একটি OnClick অ্যাকশন দ্বারা খোলা একটি লিঙ্ক বন্ধ হলে ক্লায়েন্ট কী করে।

বাস্তবায়ন ক্লায়েন্ট প্ল্যাটফর্ম ক্ষমতার উপর নির্ভর করে। উদাহরণস্বরূপ, একটি ওয়েব ব্রাউজার একটি OnClose হ্যান্ডলারের সাথে একটি পপ-আপ উইন্ডোতে একটি লিঙ্ক খুলতে পারে।

যদি OnOpen এবং OnClose উভয় হ্যান্ডলার সেট করা থাকে এবং ক্লায়েন্ট প্ল্যাটফর্ম উভয় মানকে সমর্থন করতে না পারে, OnClose অগ্রাধিকার নেয়।

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

Enums
NOTHING ডিফল্ট মান। কার্ডটি পুনরায় লোড হয় না; কিছুই ঘটেনি.
RELOAD

চাইল্ড উইন্ডো বন্ধ হওয়ার পরে কার্ডটি পুনরায় লোড করে।

OpenAs.OVERLAY এর সাথে ব্যবহার করা হলে, চাইল্ড উইন্ডোটি একটি মডেল ডায়ালগ হিসেবে কাজ করে এবং যতক্ষণ না চাইল্ড উইন্ডো বন্ধ হয় ততক্ষণ পর্যন্ত প্যারেন্ট কার্ড ব্লক করা হয়।

সজ্জিত পাঠ্য

একটি উইজেট যা ঐচ্ছিক সজ্জা সহ পাঠ্য প্রদর্শন করে যেমন পাঠ্যের উপরে বা নীচে একটি লেবেল, পাঠ্যের সামনে একটি আইকন, একটি নির্বাচন উইজেট বা পাঠ্যের পরে একটি বোতাম। Google চ্যাট অ্যাপের উদাহরণের জন্য, শোভাকর পাঠ্য সহ প্রদর্শন পাঠ্য দেখুন।

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

JSON প্রতিনিধিত্ব
{
  "icon": {
    object (Icon)
  },
  "startIcon": {
    object (Icon)
  },
  "topLabel": string,
  "text": string,
  "wrapText": boolean,
  "bottomLabel": string,
  "onClick": {
    object (OnClick)
  },

  // Union field control can be only one of the following:
  "button": {
    object (Button)
  },
  "switchControl": {
    object (SwitchControl)
  },
  "endIcon": {
    object (Icon)
  }
  // End of list of possible types for union field control.
}
ক্ষেত্র
icon
(deprecated)

object ( Icon )

startIcon পক্ষে বঞ্চিত।

startIcon

object ( Icon )

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

topLabel

string

টেক্সট উপরে প্রদর্শিত text . সবসময় ছোট করে।

text

string

প্রয়োজন। প্রাথমিক পাঠ্য।

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

wrapText

boolean

মোড়ানো পাঠ্য সেটিং। true হলে, টেক্সট মোড়ানো হয় এবং একাধিক লাইনে প্রদর্শিত হয়। অন্যথায়, টেক্সট কাটা হয়.

শুধুমাত্র text ক্ষেত্রে প্রযোজ্য, topLabel এবং bottomLabel নয়।

bottomLabel

string

যে টেক্সট text নিচে প্রদর্শিত হবে. সবসময় wraps.

onClick

object ( OnClick )

ব্যবহারকারীরা topLabel বা bottomLabel ক্লিক করলে এই ক্রিয়াটি ট্রিগার হয়।

ইউনিয়ন ক্ষেত্র control । একটি বোতাম, সুইচ, চেকবক্স বা চিত্র যা decoratedText উইজেটে পাঠ্যের ডানদিকে প্রদর্শিত হয়। control নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
button

object ( Button )

একটি বোতাম যা একজন ব্যবহারকারী একটি অ্যাকশন ট্রিগার করতে ক্লিক করতে পারেন।

switchControl

object ( SwitchControl )

একটি সুইচ উইজেট যা একজন ব্যবহারকারী তার অবস্থা পরিবর্তন করতে এবং একটি ক্রিয়া ট্রিগার করতে ক্লিক করতে পারে৷

endIcon

object ( Icon )

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

অন্তর্নির্মিত এবং কাস্টম আইকন সমর্থন করে।

আইকন

একটি কার্ডে একটি উইজেটে প্রদর্শিত একটি আইকন৷ Google Chat অ্যাপের উদাহরণের জন্য, একটি আইকন যোগ করুন দেখুন।

অন্তর্নির্মিত এবং কাস্টম আইকন সমর্থন করে।

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

JSON প্রতিনিধিত্ব
{
  "altText": string,
  "imageType": enum (ImageType),

  // Union field icons can be only one of the following:
  "knownIcon": string,
  "iconUrl": string,
  "materialIcon": {
    object (MaterialIcon)
  }
  // End of list of possible types for union field icons.
}
ক্ষেত্র
altText

string

ঐচ্ছিক। অ্যাক্সেসযোগ্যতার জন্য ব্যবহৃত আইকনের একটি বিবরণ। অনির্দিষ্ট হলে, ডিফল্ট মান Button প্রদান করা হয়। একটি সর্বোত্তম অনুশীলন হিসাবে, আইকনটি কী প্রদর্শন করে এবং প্রযোজ্য হলে, এটি কী করে তার জন্য আপনার একটি সহায়ক বিবরণ সেট করা উচিত। উদাহরণস্বরূপ, A user's account portrait , বা Opens a new browser tab and navigates to the Google Chat developer documentation at https://developers.google.com/workspace/chat

আইকনটি একটি Button সেট করা থাকলে, ব্যবহারকারী যখন বোতামের উপর ঘোরায় তখন altText সহায়ক পাঠ্য হিসাবে উপস্থিত হয়। যাইহোক, যদি বোতামটি text সেট করে, তাহলে আইকনের altText উপেক্ষা করা হয়।

imageType

enum ( ImageType )

ছবিতে প্রয়োগ করা ক্রপ শৈলী। কিছু ক্ষেত্রে, একটি CIRCLE ক্রপ প্রয়োগ করার ফলে ছবিটি একটি অন্তর্নির্মিত আইকনের চেয়ে বড় আঁকা হয়।

ইউনিয়ন ফিল্ড icons । কার্ডের উইজেটে প্রদর্শিত আইকন। icons নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
knownIcon

string

Google Workspace-এর দেওয়া বিল্ট-ইন আইকনগুলির মধ্যে একটি প্রদর্শন করুন।

উদাহরণস্বরূপ, একটি বিমান আইকন প্রদর্শন করতে, AIRPLANE নির্দিষ্ট করুন৷ একটি বাসের জন্য, BUS নির্দিষ্ট করুন।

সমর্থিত আইকনগুলির একটি সম্পূর্ণ তালিকার জন্য, অন্তর্নির্মিত আইকনগুলি দেখুন।

iconUrl

string

একটি HTTPS URL এ হোস্ট করা একটি কাস্টম আইকন প্রদর্শন করুন৷

উদাহরণ স্বরূপ:

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

সমর্থিত ফাইল প্রকারের মধ্যে রয়েছে .png এবং .jpg

materialIcon

object ( MaterialIcon )

গুগল ম্যাটেরিয়াল আইকনগুলির একটি প্রদর্শন করুন।

উদাহরণস্বরূপ, একটি চেকবক্স আইকন প্রদর্শন করতে, ব্যবহার করুন

"materialIcon": {
  "name": "check_box"
}

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

ম্যাটেরিয়াল আইকন

একটি Google ম্যাটেরিয়াল আইকন , যাতে 2500টির বেশি বিকল্প রয়েছে৷

উদাহরণস্বরূপ, কাস্টমাইজড ওজন এবং গ্রেড সহ একটি চেকবক্স আইকন প্রদর্শন করতে, নিম্নলিখিতটি লিখুন:

{
  "name": "check_box",
  "fill": true,
  "weight": 300,
  "grade": -25
}

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

JSON প্রতিনিধিত্ব
{
  "name": string,
  "fill": boolean,
  "weight": integer,
  "grade": integer
}
ক্ষেত্র
name

string

Google ম্যাটেরিয়াল আইকনে সংজ্ঞায়িত আইকনের নাম, উদাহরণস্বরূপ, check_box । যেকোন অবৈধ নাম পরিত্যাগ করা হয় এবং খালি স্ট্রিং দিয়ে প্রতিস্থাপিত হয় এবং এর ফলে আইকন রেন্ডার করতে ব্যর্থ হয়।

fill

boolean

আইকনটি ভরাট হিসাবে রেন্ডার করা হয় কিনা। ডিফল্ট মান মিথ্যা।

বিভিন্ন আইকন সেটিংসের পূর্বরূপ দেখতে, Google ফন্ট আইকনগুলিতে যান এবং কাস্টমাইজের অধীনে সেটিংস সামঞ্জস্য করুন।

weight

integer

আইকনের স্ট্রোকের ওজন। {100, 200, 300, 400, 500, 600, 700} থেকে বেছে নিন। অনুপস্থিত থাকলে, ডিফল্ট মান 400 হয়। অন্য কোনো মান নির্দিষ্ট করা থাকলে, ডিফল্ট মান ব্যবহার করা হয়।

বিভিন্ন আইকন সেটিংসের পূর্বরূপ দেখতে, Google ফন্ট আইকনগুলিতে যান এবং কাস্টমাইজের অধীনে সেটিংস সামঞ্জস্য করুন।

grade

integer

ওজন এবং গ্রেড একটি প্রতীকের বেধকে প্রভাবিত করে। গ্রেডের সামঞ্জস্যগুলি ওজনের সামঞ্জস্যের চেয়ে বেশি দানাদার এবং প্রতীকের আকারের উপর একটি ছোট প্রভাব ফেলে। {-25, 0, 200} থেকে বেছে নিন। অনুপস্থিত থাকলে, ডিফল্ট মান 0। অন্য কোনো মান নির্দিষ্ট করা থাকলে, ডিফল্ট মান ব্যবহার করা হয়।

বিভিন্ন আইকন সেটিংসের পূর্বরূপ দেখতে, Google ফন্ট আইকনগুলিতে যান এবং কাস্টমাইজের অধীনে সেটিংস সামঞ্জস্য করুন।

বোতাম

একটি পাঠ্য, আইকন, বা পাঠ্য এবং আইকন বোতাম যা ব্যবহারকারীরা ক্লিক করতে পারেন। Google Chat অ্যাপের উদাহরণের জন্য, একটি বোতাম যোগ করুন দেখুন।

একটি ছবিকে একটি ক্লিকযোগ্য বোতাম করতে, একটি Image নির্দিষ্ট করুন (একটি ImageComponent নয়) এবং একটি onClick অ্যাকশন সেট করুন৷

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

JSON প্রতিনিধিত্ব
{
  "text": string,
  "icon": {
    object (Icon)
  },
  "color": {
    object (Color)
  },
  "onClick": {
    object (OnClick)
  },
  "disabled": boolean,
  "altText": string
}
ক্ষেত্র
text

string

টেক্সট বোতাম ভিতরে প্রদর্শিত.

icon

object ( Icon )

আইকন ইমেজ. যদি icon এবং text উভয়ই সেট করা থাকে, তাহলে আইকনটি টেক্সটের আগে উপস্থিত হবে।

color

object ( Color )

সেট করা থাকলে, বোতামটি একটি কঠিন পটভূমির রঙে পূর্ণ হয় এবং পটভূমির রঙের সাথে বৈসাদৃশ্য বজায় রাখতে ফন্টের রঙ পরিবর্তিত হয়। উদাহরণস্বরূপ, একটি নীল পটভূমি সেট করা সম্ভবত সাদা পাঠ্যের ফলাফল।

সেট না থাকলে, ছবির পটভূমি সাদা এবং ফন্টের রঙ নীল।

লাল, সবুজ এবং নীলের জন্য, প্রতিটি ক্ষেত্রের মান হল একটি float নম্বর যা আপনি দুটি উপায়ে প্রকাশ করতে পারেন: 0 এবং 255 এর মধ্যে একটি সংখ্যা হিসাবে 255 (153/255) দ্বারা বিভক্ত বা 0 এবং এর মধ্যে একটি মান হিসাবে 1 (0.6)। 0 একটি রঙের অনুপস্থিতির প্রতিনিধিত্ব করে এবং 1 বা 255/255 RGB স্কেলে সেই রঙের সম্পূর্ণ উপস্থিতি উপস্থাপন করে।

ঐচ্ছিকভাবে alpha সেট করুন, যা এই সমীকরণ ব্যবহার করে স্বচ্ছতার একটি স্তর সেট করে:

pixel color = alpha * (this color) + (1.0 - alpha) * (background color)

alpha জন্য, 1 এর মান একটি কঠিন রঙের সাথে মিলে যায় এবং 0 এর মান সম্পূর্ণ স্বচ্ছ রঙের সাথে মিলে যায়।

উদাহরণস্বরূপ, নিম্নলিখিত রঙটি অর্ধেক স্বচ্ছ লালকে প্রতিনিধিত্ব করে:

"color": {
   "red": 1,
   "green": 0,
   "blue": 0,
   "alpha": 0.5
}
onClick

object ( OnClick )

প্রয়োজন। যখন কোনো ব্যবহারকারী বোতামে ক্লিক করে, যেমন একটি হাইপারলিঙ্ক খোলা বা একটি কাস্টম ফাংশন চালানোর মতো ক্রিয়া সম্পাদন করা হয়।

disabled

boolean

true হলে, বোতামটি একটি নিষ্ক্রিয় অবস্থায় প্রদর্শিত হয় এবং ব্যবহারকারীর ক্রিয়াকলাপে সাড়া দেয় না।

altText

string

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

বর্ণনামূলক পাঠ্য সেট করুন যা ব্যবহারকারীদের বোতামটি কী করে তা জানতে দেয়। উদাহরণস্বরূপ, যদি একটি বোতাম একটি হাইপারলিঙ্ক খোলে, আপনি লিখতে পারেন: "একটি নতুন ব্রাউজার ট্যাব খোলে এবং https://developers.google.com/workspace/chat-এ Google চ্যাট বিকাশকারী ডকুমেন্টেশনে নেভিগেট করুন"

রঙ

RGBA রঙের জায়গায় একটি রঙের প্রতিনিধিত্ব করে। এই উপস্থাপনাটি কম্প্যাক্টনেসের উপর বিভিন্ন ভাষায় রঙের উপস্থাপনা থেকে এবং রূপান্তরের সরলতার জন্য ডিজাইন করা হয়েছে। উদাহরণস্বরূপ, এই উপস্থাপনার ক্ষেত্রগুলি জাভাতে java.awt.Color এর কন্সট্রাকটরকে তুচ্ছভাবে প্রদান করা যেতে পারে; এটি তুচ্ছভাবে UIColor এর +colorWithRed:green:blue:alpha পদ্ধতিতেও প্রদান করা যেতে পারে iOS এ; এবং, সামান্য পরিশ্রমের মাধ্যমে, এটি সহজেই জাভাস্ক্রিপ্টের একটি CSS rgba() স্ট্রিং-এ ফরম্যাট করা যায়।

এই রেফারেন্স পৃষ্ঠাটিতে সম্পূর্ণ রঙের স্থান সম্পর্কে তথ্য নেই যা RGB মানকে ব্যাখ্যা করতে ব্যবহার করা উচিত—উদাহরণস্বরূপ, sRGB, Adobe RGB, DCI-P3, এবং BT.2020। ডিফল্টরূপে, অ্যাপ্লিকেশনগুলিকে sRGB রঙের স্থান অনুমান করা উচিত।

যখন রঙের সমতার সিদ্ধান্ত নেওয়ার প্রয়োজন হয়, তখন বাস্তবায়নগুলি, যদি না অন্যথায় নথিভুক্ত করা হয়, দুটি রঙকে সমান হিসাবে বিবেচনা করুন যদি তাদের সমস্ত লাল, সবুজ, নীল এবং আলফা মান প্রতিটির মধ্যে সর্বাধিক 1e-5 দ্বারা পৃথক হয়।

উদাহরণ (জাভা):

 import com.google.type.Color;

 // ...
 public static java.awt.Color fromProto(Color protocolor) {
   float alpha = protocolor.hasAlpha()
       ? protocolor.getAlpha().getValue()
       : 1.0;

   return new java.awt.Color(
       protocolor.getRed(),
       protocolor.getGreen(),
       protocolor.getBlue(),
       alpha);
 }

 public static Color toProto(java.awt.Color color) {
   float red = (float) color.getRed();
   float green = (float) color.getGreen();
   float blue = (float) color.getBlue();
   float denominator = 255.0;
   Color.Builder resultBuilder =
       Color
           .newBuilder()
           .setRed(red / denominator)
           .setGreen(green / denominator)
           .setBlue(blue / denominator);
   int alpha = color.getAlpha();
   if (alpha != 255) {
     result.setAlpha(
         FloatValue
             .newBuilder()
             .setValue(((float) alpha) / denominator)
             .build());
   }
   return resultBuilder.build();
 }
 // ...

উদাহরণ (iOS / Obj-C):

 // ...
 static UIColor* fromProto(Color* protocolor) {
    float red = [protocolor red];
    float green = [protocolor green];
    float blue = [protocolor blue];
    FloatValue* alpha_wrapper = [protocolor alpha];
    float alpha = 1.0;
    if (alpha_wrapper != nil) {
      alpha = [alpha_wrapper value];
    }
    return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
 }

 static Color* toProto(UIColor* color) {
     CGFloat red, green, blue, alpha;
     if (![color getRed:&red green:&green blue:&blue alpha:&alpha]) {
       return nil;
     }
     Color* result = [[Color alloc] init];
     [result setRed:red];
     [result setGreen:green];
     [result setBlue:blue];
     if (alpha <= 0.9999) {
       [result setAlpha:floatWrapperWithValue(alpha)];
     }
     [result autorelease];
     return result;
}
// ...

উদাহরণ (জাভাস্ক্রিপ্ট):

// ...

var protoToCssColor = function(rgb_color) {
   var redFrac = rgb_color.red || 0.0;
   var greenFrac = rgb_color.green || 0.0;
   var blueFrac = rgb_color.blue || 0.0;
   var red = Math.floor(redFrac * 255);
   var green = Math.floor(greenFrac * 255);
   var blue = Math.floor(blueFrac * 255);

   if (!('alpha' in rgb_color)) {
      return rgbToCssColor(red, green, blue);
   }

   var alphaFrac = rgb_color.alpha.value || 0.0;
   var rgbParams = [red, green, blue].join(',');
   return ['rgba(', rgbParams, ',', alphaFrac, ')'].join('');
};

var rgbToCssColor = function(red, green, blue) {
  var rgbNumber = new Number((red << 16) | (green << 8) | blue);
  var hexString = rgbNumber.toString(16);
  var missingZeros = 6 - hexString.length;
  var resultBuilder = ['#'];
  for (var i = 0; i < missingZeros; i++) {
     resultBuilder.push('0');
  }
  resultBuilder.push(hexString);
  return resultBuilder.join('');
};

// ...
JSON প্রতিনিধিত্ব
{
  "red": number,
  "green": number,
  "blue": number,
  "alpha": number
}
ক্ষেত্র
red

number

ব্যবধানে একটি মান হিসাবে লাল রঙের পরিমাণ [0, 1]।

green

number

ব্যবধানে একটি মান হিসাবে রঙে সবুজের পরিমাণ [0, 1]।

blue

number

ব্যবধানে একটি মান হিসাবে নীল রঙের পরিমাণ [0, 1]।

alpha

number

এই রঙের ভগ্নাংশ যে পিক্সেল প্রয়োগ করা উচিত. অর্থাৎ, চূড়ান্ত পিক্সেল রঙ সমীকরণ দ্বারা সংজ্ঞায়িত করা হয়:

pixel color = alpha * (this color) + (1.0 - alpha) * (background color)

এর মানে হল যে 1.0 এর মান একটি কঠিন রঙের সাথে মিলে যায়, যেখানে 0.0 এর মান সম্পূর্ণ স্বচ্ছ রঙের সাথে মিলে যায়। এটি একটি সাধারণ ফ্লোট স্কেলারের পরিবর্তে একটি র‍্যাপার বার্তা ব্যবহার করে যাতে এটি একটি ডিফল্ট মান এবং সেট না থাকা মানটির মধ্যে পার্থক্য করা সম্ভব হয়। যদি বাদ দেওয়া হয়, এই রঙের বস্তুটিকে একটি কঠিন রঙ হিসাবে রেন্ডার করা হয় (যেন আলফা মানটি স্পষ্টভাবে 1.0 এর মান দেওয়া হয়েছে)।

সুইচ নিয়ন্ত্রণ

হয় একটি টগল-স্টাইল সুইচ বা একটি decoratedText উইজেটের ভিতরে একটি চেকবক্স৷

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

শুধুমাত্র decoratedText উইজেটে সমর্থিত।

JSON প্রতিনিধিত্ব
{
  "name": string,
  "value": string,
  "selected": boolean,
  "onChangeAction": {
    object (Action)
  },
  "controlType": enum (ControlType)
}
ক্ষেত্র
name

string

একটি ফর্ম ইনপুট ইভেন্টে সুইচ উইজেটটি চিহ্নিত করা হয় এমন নাম।

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

value

string

একটি ব্যবহারকারীর দ্বারা প্রবেশ করা মান, একটি ফর্ম ইনপুট ইভেন্টের অংশ হিসাবে ফিরে আসে৷

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

selected

boolean

true হলে, সুইচটি নির্বাচন করা হয়।

onChangeAction

object ( Action )

যখন স্যুইচ অবস্থা পরিবর্তন করা হয়, যেমন কোন ফাংশন চালানো হবে।

controlType

enum ( ControlType )

ইউজার ইন্টারফেসে কীভাবে সুইচ দেখা যায়।

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

কন্ট্রোল টাইপ

ইউজার ইন্টারফেসে কীভাবে সুইচ দেখা যায়।

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

Enums
SWITCH একটি টগল-স্টাইল সুইচ।
CHECKBOX CHECK_BOX এর পক্ষে অবজ্ঞা করা হয়েছে৷
CHECK_BOX একটি চেকবক্স।

বোতাম তালিকা

অনুভূমিকভাবে রাখা বোতামগুলির একটি তালিকা। Google Chat অ্যাপের উদাহরণের জন্য, একটি বোতাম যোগ করুন দেখুন।

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

JSON প্রতিনিধিত্ব
{
  "buttons": [
    {
      object (Button)
    }
  ]
}
ক্ষেত্র
buttons[]

object ( Button )

বোতাম একটি অ্যারে.

টেক্সটইনপুট

একটি ক্ষেত্র যেখানে ব্যবহারকারীরা পাঠ্য লিখতে পারে। পরামর্শ এবং অন-চেঞ্জ অ্যাকশন সমর্থন করে। Google চ্যাট অ্যাপের উদাহরণের জন্য, একটি ক্ষেত্র যুক্ত করুন দেখুন যেখানে একজন ব্যবহারকারী পাঠ্য লিখতে পারে

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

যখন আপনাকে ব্যবহারকারীদের থেকে অনির্ধারিত বা বিমূর্ত ডেটা সংগ্রহ করতে হবে, একটি পাঠ্য ইনপুট ব্যবহার করুন। ব্যবহারকারীদের থেকে সংজ্ঞায়িত বা গণনাকৃত ডেটা সংগ্রহ করতে, SelectionInput উইজেট ব্যবহার করুন।

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

JSON প্রতিনিধিত্ব
{
  "name": string,
  "label": string,
  "hintText": string,
  "value": string,
  "type": enum (Type),
  "onChangeAction": {
    object (Action)
  },
  "initialSuggestions": {
    object (Suggestions)
  },
  "autoCompleteAction": {
    object (Action)
  },
  "placeholderText": string
}
ক্ষেত্র
name

string

একটি ফর্ম ইনপুট ইভেন্টে টেক্সট ইনপুট চিহ্নিত করা হয় এমন নাম।

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

label

string

ইউজার ইন্টারফেসে টেক্সট ইনপুট ফিল্ডের উপরে যে টেক্সট দেখা যায়।

পাঠ্য নির্দিষ্ট করুন যা ব্যবহারকারীকে আপনার অ্যাপের প্রয়োজনীয় তথ্য প্রবেশ করতে সহায়তা করে। উদাহরণস্বরূপ, আপনি যদি কারো নাম জিজ্ঞাসা করেন, কিন্তু বিশেষভাবে তাদের উপাধির প্রয়োজন হয়, তাহলে name পরিবর্তে surname লিখুন।

hintText অনির্দিষ্ট হলে প্রয়োজনীয়। অন্যথায়, ঐচ্ছিক।

hintText

string

টেক্সট ইনপুট ফিল্ডের নীচে প্রদর্শিত টেক্সট ব্যবহারকারীদের একটি নির্দিষ্ট মান লিখতে অনুরোধ করে সাহায্য করার জন্য। এই টেক্সট সবসময় দৃশ্যমান.

label অনির্দিষ্ট হলে প্রয়োজনীয়। অন্যথায়, ঐচ্ছিক।

value

string

একটি ব্যবহারকারীর দ্বারা প্রবেশ করা মান, একটি ফর্ম ইনপুট ইভেন্টের অংশ হিসাবে ফিরে আসে৷

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

type

enum ( Type )

কিভাবে একটি টেক্সট ইনপুট ক্ষেত্র ইউজার ইন্টারফেসে প্রদর্শিত হয়। উদাহরণস্বরূপ, ক্ষেত্রটি একক বা বহু-লাইন কিনা।

onChangeAction

object ( Action )

টেক্সট ইনপুট ক্ষেত্রে পরিবর্তন ঘটলে কী করবেন। উদাহরণস্বরূপ, একজন ব্যবহারকারী ক্ষেত্রে যোগ করা বা পাঠ্য মুছে ফেলা।

একটি কাস্টম ফাংশন চালানো বা Google Chat-এ একটি ডায়ালগ খোলার মতো পদক্ষেপের উদাহরণ অন্তর্ভুক্ত।

initialSuggestions

object ( Suggestions )

প্রস্তাবিত মান যা ব্যবহারকারীরা প্রবেশ করতে পারেন। ব্যবহারকারীরা টেক্সট ইনপুট ক্ষেত্রের ভিতরে ক্লিক করলে এই মানগুলি উপস্থিত হয়। ব্যবহারকারীরা টাইপ করার সাথে সাথে প্রস্তাবিত মানগুলি ব্যবহারকারীরা যা টাইপ করেছে তার সাথে মেলে গতিশীলভাবে ফিল্টার করে৷

উদাহরণস্বরূপ, প্রোগ্রামিং ভাষার জন্য একটি পাঠ্য ইনপুট ক্ষেত্র জাভা, জাভাস্ক্রিপ্ট, পাইথন এবং C++ সুপারিশ করতে পারে। ব্যবহারকারীরা যখন Jav টাইপ করা শুরু করে, তখন শুধু Java এবং JavaScript দেখানোর জন্য সাজেশন ফিল্টারের তালিকা।

প্রস্তাবিত মানগুলি ব্যবহারকারীদেরকে এমন মানগুলি প্রবেশ করতে সহায়তা করে যা আপনার অ্যাপটি বুঝতে পারে। JavaScript উল্লেখ করার সময়, কিছু ব্যবহারকারী javascript এবং অন্যরা java script লিখতে পারে। JavaScript সাজেস্ট করলে ব্যবহারকারীরা কীভাবে আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করে তা মানসম্মত করতে পারে।

নির্দিষ্ট করা হলে, TextInput.type সর্বদা SINGLE_LINE হয়, এমনকি যদি এটি MULTIPLE_LINE এ সেট করা থাকে।

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

autoCompleteAction

object ( Action )

ঐচ্ছিক। টেক্সট ইনপুট ক্ষেত্র যখন এটির সাথে ইন্টারঅ্যাক্ট করে এমন ব্যবহারকারীদের পরামর্শ প্রদান করে তখন কী পদক্ষেপ নিতে হবে তা নির্দিষ্ট করুন।

অনির্দিষ্ট থাকলে, পরামর্শগুলি initialSuggestions দ্বারা সেট করা হয় এবং ক্লায়েন্ট দ্বারা প্রক্রিয়া করা হয়।

নির্দিষ্ট করা থাকলে, অ্যাপটি এখানে নির্দিষ্ট করা কাজ করে, যেমন একটি কাস্টম ফাংশন চালানো।

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

placeholderText

string

ক্ষেত্রটি খালি থাকলে পাঠ্য ইনপুট ক্ষেত্রে প্রদর্শিত পাঠ্য। ব্যবহারকারীদের একটি মান লিখতে অনুরোধ করতে এই পাঠ্যটি ব্যবহার করুন। উদাহরণস্বরূপ, Enter a number from 0 to 100

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

টাইপ

কিভাবে একটি টেক্সট ইনপুট ক্ষেত্র ইউজার ইন্টারফেসে প্রদর্শিত হয়। উদাহরণস্বরূপ, এটি একটি একক লাইন ইনপুট ক্ষেত্র, বা একটি বহু-লাইন ইনপুট কিনা। যদি initialSuggestions নির্দিষ্ট করা থাকে, type সর্বদা SINGLE_LINE হয়, এমনকি যদি এটি MULTIPLE_LINE তে সেট করা থাকে।

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

Enums
SINGLE_LINE পাঠ্য ইনপুট ক্ষেত্রের একটি নির্দিষ্ট উচ্চতা একটি লাইন আছে।
MULTIPLE_LINE পাঠ্য ইনপুট ক্ষেত্রের একাধিক লাইনের একটি নির্দিষ্ট উচ্চতা রয়েছে।

রেন্ডার অ্যাকশন

রেন্ডার নির্দেশাবলীর একটি সেট যা একটি কার্ডকে একটি অ্যাকশন করতে বলে বা অ্যাড-অন হোস্ট অ্যাপ বা চ্যাট অ্যাপকে একটি অ্যাপ-নির্দিষ্ট অ্যাকশন করতে বলে।

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

ক্ষেত্র
action

Action

কর্ম

ক্ষেত্র
navigations[]

Navigation

প্রদর্শিত কার্ড পুশ বা আপডেট করুন।

স্ট্যাকে একটি নতুন কার্ড যোগ করুন (এগিয়ে নেভিগেট করুন)। চ্যাট অ্যাপের জন্য, শুধুমাত্র অ্যাপ হোমের জন্য উপলব্ধ।

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

navigations: {
  pushCard: CARD
}

উপরের কার্ডটি একটি নতুন কার্ড দিয়ে প্রতিস্থাপন করুন। চ্যাট অ্যাপের জন্য, শুধুমাত্র অ্যাপ হোমের জন্য উপলব্ধ।

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

navigations: {
  updateCard: CARD
}

পরামর্শ

প্রস্তাবিত মান যা ব্যবহারকারীরা প্রবেশ করতে পারেন। ব্যবহারকারীরা টেক্সট ইনপুট ক্ষেত্রের ভিতরে ক্লিক করলে এই মানগুলি উপস্থিত হয়। ব্যবহারকারীরা টাইপ করার সাথে সাথে প্রস্তাবিত মানগুলি ব্যবহারকারীরা যা টাইপ করেছে তার সাথে মেলে গতিশীলভাবে ফিল্টার করে৷

উদাহরণস্বরূপ, প্রোগ্রামিং ভাষার জন্য একটি পাঠ্য ইনপুট ক্ষেত্র জাভা, জাভাস্ক্রিপ্ট, পাইথন এবং C++ সুপারিশ করতে পারে। ব্যবহারকারীরা যখন Jav টাইপ করা শুরু করে, তখন Java এবং JavaScript দেখানোর জন্য সাজেশন ফিল্টারের তালিকা।

প্রস্তাবিত মানগুলি ব্যবহারকারীদেরকে এমন মানগুলি প্রবেশ করতে সহায়তা করে যা আপনার অ্যাপটি বুঝতে পারে। JavaScript উল্লেখ করার সময়, কিছু ব্যবহারকারী javascript এবং অন্যরা java script লিখতে পারে। JavaScript সাজেস্ট করলে ব্যবহারকারীরা কীভাবে আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করে তা মানসম্মত করতে পারে।

নির্দিষ্ট করা হলে, TextInput.type সর্বদা SINGLE_LINE হয়, এমনকি যদি এটি MULTIPLE_LINE এ সেট করা থাকে।

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

JSON প্রতিনিধিত্ব
{
  "items": [
    {
      object (SuggestionItem)
    }
  ]
}
ক্ষেত্র
items[]

object ( SuggestionItem )

পাঠ্য ইনপুট ক্ষেত্রে স্বয়ংসম্পূর্ণ সুপারিশের জন্য ব্যবহৃত পরামর্শের একটি তালিকা।

সাজেশন আইটেম

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

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

JSON প্রতিনিধিত্ব
{

  // Union field content can be only one of the following:
  "text": string
  // End of list of possible types for union field content.
}
ক্ষেত্র

ইউনিয়ন ক্ষেত্রের content

content নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

text

string

একটি পাঠ্য ইনপুট ক্ষেত্রে প্রস্তাবিত ইনপুটের মান। এটি ব্যবহারকারীদের নিজেদের প্রবেশের সমতুল্য।

নির্বাচন ইনপুট

একটি উইজেট যা এক বা একাধিক UI আইটেম তৈরি করে যা ব্যবহারকারীরা নির্বাচন করতে পারেন। উদাহরণস্বরূপ, একটি ড্রপডাউন মেনু বা চেকবক্স। আপনি ভবিষ্যদ্বাণী বা গণনা করা যেতে পারে এমন ডেটা সংগ্রহ করতে এই উইজেটটি ব্যবহার করতে পারেন। Google Chat অ্যাপের উদাহরণের জন্য, নির্বাচনযোগ্য UI উপাদান যোগ করুন দেখুন।

চ্যাট অ্যাপগুলি ব্যবহারকারীরা যে আইটেমগুলি বেছে নেয় বা ইনপুট করে তার মান প্রক্রিয়া করতে পারে। ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

ব্যবহারকারীদের থেকে অনির্ধারিত বা বিমূর্ত তথ্য সংগ্রহ করতে, TextInput উইজেট ব্যবহার করুন।

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

JSON প্রতিনিধিত্ব
{
  "name": string,
  "label": string,
  "type": enum (SelectionType),
  "items": [
    {
      object (SelectionItem)
    }
  ],
  "onChangeAction": {
    object (Action)
  },
  "multiSelectMaxSelectedItems": integer,
  "multiSelectMinQueryLength": integer,

  // Union field multi_select_data_source can be only one of the following:
  "externalDataSource": {
    object (Action)
  },
  "platformDataSource": {
    object (PlatformDataSource)
  }
  // End of list of possible types for union field multi_select_data_source.
}
ক্ষেত্র
name

string

যে নামটি একটি ফর্ম ইনপুট ইভেন্টে নির্বাচন ইনপুট সনাক্ত করে৷

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

label

string

ব্যবহারকারী ইন্টারফেসে নির্বাচন ইনপুট ক্ষেত্রের উপরে প্রদর্শিত পাঠ্য।

পাঠ্য নির্দিষ্ট করুন যা ব্যবহারকারীকে আপনার অ্যাপের প্রয়োজনীয় তথ্য প্রবেশ করতে সহায়তা করে। উদাহরণস্বরূপ, যদি ব্যবহারকারীরা একটি ড্রপ-ডাউন মেনু থেকে কাজের টিকিটের জরুরীতা নির্বাচন করেন, তাহলে লেবেলটি "জরুরি" বা "জরুরী নির্বাচন করুন" হতে পারে।

type

enum ( SelectionType )

একটি SelectionInput উইজেটে ব্যবহারকারীদের কাছে যে আইটেমগুলি প্রদর্শিত হয় তার ধরন। নির্বাচনের ধরন বিভিন্ন ধরনের মিথস্ক্রিয়া সমর্থন করে। উদাহরণস্বরূপ, ব্যবহারকারীরা এক বা একাধিক চেকবক্স নির্বাচন করতে পারেন, কিন্তু তারা শুধুমাত্র একটি ড্রপডাউন মেনু থেকে একটি মান নির্বাচন করতে পারেন।

items[]

object ( SelectionItem )

নির্বাচনযোগ্য আইটেম একটি অ্যারে. উদাহরণস্বরূপ, রেডিও বোতাম বা চেকবক্সের একটি অ্যারে। 100টি আইটেম পর্যন্ত সমর্থন করে।

onChangeAction

object ( Action )

নির্দিষ্ট করা থাকলে, নির্বাচন পরিবর্তন হলে ফর্ম জমা দেওয়া হয়। নির্দিষ্ট না থাকলে, আপনাকে অবশ্যই একটি পৃথক বোতাম উল্লেখ করতে হবে যা ফর্মটি জমা দেয়।

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

multiSelectMaxSelectedItems

integer

মাল্টিসিলেক্ট মেনুর জন্য, একজন ব্যবহারকারী সর্বোচ্চ যত আইটেম নির্বাচন করতে পারেন। ন্যূনতম মান হল ১টি আইটেম। অনির্দিষ্ট হলে, 3টি আইটেমে ডিফল্ট।

multiSelectMinQueryLength

integer

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

অনির্দিষ্ট থাকলে, স্ট্যাটিক ডেটা উত্সের জন্য ডিফল্ট 0 অক্ষর এবং বাহ্যিক ডেটা উত্সগুলির জন্য 3 অক্ষর।

ইউনিয়ন ক্ষেত্র multi_select_data_source । একটি বহুনির্বাচন মেনুর জন্য, ডেটা উৎস যা নির্বাচনের আইটেমগুলিকে পপুলেট করে।

Google Chat অ্যাপের জন্য উপলভ্য এবং Google Workspace অ্যাড-অনগুলির জন্য অনুপলব্ধ। multi_select_data_source নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

externalDataSource

object ( Action )

একটি বাহ্যিক ডেটা উৎস, যেমন একটি রিলেশনাল ডেটা বেস।

platformDataSource

object ( PlatformDataSource )

Google Workspace থেকে একটি ডেটা উৎস।

সিলেকশন টাইপ

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

প্রতিটি নির্বাচন ইনপুট এক ধরনের নির্বাচন সমর্থন করে। চেকবক্স এবং সুইচ মিশ্রিত করা, উদাহরণস্বরূপ, সমর্থিত নয়।

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

Enums
CHECK_BOX চেকবক্সের একটি সেট। ব্যবহারকারীরা এক বা একাধিক চেকবক্স নির্বাচন করতে পারেন।
RADIO_BUTTON রেডিও বোতামের একটি সেট। ব্যবহারকারীরা একটি রেডিও বোতাম নির্বাচন করতে পারেন।
SWITCH সুইচ একটি সেট. ব্যবহারকারীরা এক বা একাধিক সুইচ চালু করতে পারেন।
DROPDOWN একটি ড্রপডাউন মেনু। ব্যবহারকারীরা মেনু থেকে একটি আইটেম নির্বাচন করতে পারেন।
MULTI_SELECT

স্ট্যাটিক বা ডাইনামিক ডেটার জন্য একটি মাল্টিসিলেক্ট মেনু। মেনু বার থেকে, ব্যবহারকারীরা এক বা একাধিক আইটেম নির্বাচন করে। ডাইনামিক ডেটা পপুলেট করার জন্য ব্যবহারকারীরা মানও ইনপুট করতে পারে। উদাহরণস্বরূপ, ব্যবহারকারীরা একটি Google চ্যাট স্পেসের নাম টাইপ করা শুরু করতে পারেন এবং উইজেটটি স্থানটি স্বয়ংক্রিয়ভাবে সাজেস্ট করে।

একটি বহুনির্বাচন মেনুর জন্য আইটেমগুলি পূরণ করতে, আপনি নিম্নলিখিত ধরণের ডেটা উত্সগুলির মধ্যে একটি ব্যবহার করতে পারেন:

  • স্ট্যাটিক ডেটা: আইটেমগুলি উইজেটে SelectionItem অবজেক্ট হিসাবে নির্দিষ্ট করা হয়। 100টি আইটেম পর্যন্ত।
  • Google Workspace ডেটা: Google Workspace-এর ডেটা ব্যবহার করে আইটেমগুলি তৈরি করা হয়, যেমন Google Workspace ব্যবহারকারী বা Google Chat স্পেস।
  • বাহ্যিক ডেটা: আইটেমগুলি Google Workspace-এর বাইরের একটি বাহ্যিক ডেটা উৎস থেকে তৈরি করা হয়।

মাল্টিসিলেক্ট মেনু কিভাবে প্রয়োগ করতে হয় তার উদাহরণের জন্য, একটি মাল্টিসিলেক্ট মেনু যোগ করুন দেখুন।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ। Google Workspace অ্যাড-অনগুলির জন্য মাল্টসিলেক্ট ডেভেলপার প্রিভিউতে রয়েছে।

নির্বাচন আইটেম

একটি আইটেম যা ব্যবহারকারীরা একটি নির্বাচন ইনপুটে নির্বাচন করতে পারে, যেমন একটি চেকবক্স বা সুইচ৷

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

JSON প্রতিনিধিত্ব
{
  "text": string,
  "value": string,
  "selected": boolean,
  "startIconUri": string,
  "bottomText": string
}
ক্ষেত্র
text

string

টেক্সট যা ব্যবহারকারীদের কাছে আইটেমটিকে চিহ্নিত করে বা বর্ণনা করে।

value

string

এই আইটেমের সাথে সম্পর্কিত মান। ক্লায়েন্ট একটি ফর্ম ইনপুট মান হিসাবে এটি ব্যবহার করা উচিত.

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিস্তারিত জানার জন্য, ফর্ম ডেটা গ্রহণ করুন দেখুন।

selected

boolean

আইটেমটি ডিফল্টরূপে নির্বাচিত কিনা। যদি নির্বাচন ইনপুটটি কেবল একটি মান গ্রহণ করে (যেমন রেডিও বোতাম বা একটি ড্রপডাউন মেনু), কেবলমাত্র একটি আইটেমের জন্য এই ক্ষেত্রটি সেট করুন।

startIconUri

string

মাল্টিসেলেক্ট মেনুগুলির জন্য, আইকনের জন্য ইউআরএল আইটেমটির text ক্ষেত্রের পাশে প্রদর্শিত হয়েছিল। পিএনজি এবং জেপিইজি ফাইলগুলিকে সমর্থন করে। অবশ্যই একটি HTTPS url হতে হবে। উদাহরণস্বরূপ, https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png

bottomText

string

মাল্টিসেলেক্ট মেনুগুলির জন্য, একটি পাঠ্য বিবরণ বা লেবেল যা আইটেমের text ক্ষেত্রের নীচে প্রদর্শিত হয়।

প্ল্যাটফর্মড্যাটাসোর্স

গুগল ওয়ার্কস্পেসের ডেটা উত্স, একটি মাল্টিসিলেক্ট মেনু ব্যবহার করে এমন একটি SelectionInput উইজেটের জন্য। একটি মাল্টিসেলেক্ট মেনুতে আইটেমগুলি পপুলেট করতে ব্যবহৃত হয়।

গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য উপলব্ধ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য অনুপলব্ধ।

JSON প্রতিনিধিত্ব
{

  // Union field data_source can be only one of the following:
  "commonDataSource": enum (CommonDataSource),
  "hostAppDataSource": {
    object (HostAppDataSourceMarkup)
  }
  // End of list of possible types for union field data_source.
}
ক্ষেত্র
ইউনিয়ন ফিল্ড data_source । ডেটা উত্স। data_source নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
commonDataSource

enum ( CommonDataSource )

সমস্ত গুগল ওয়ার্কস্পেস অ্যাপ্লিকেশন দ্বারা ভাগ করা একটি ডেটা উত্স যেমন একটি গুগল ওয়ার্কস্পেস সংস্থার ব্যবহারকারী।

hostAppDataSource

object ( HostAppDataSourceMarkup )

একটি ডেটা উত্স যা গুগল ওয়ার্কস্পেস হোস্ট অ্যাপ্লিকেশনটির জন্য অনন্য, গুগল চ্যাটে এই জাতীয় স্থান।

কমনডেটা সোর্স

সমস্ত গুগল ওয়ার্কস্পেস অ্যাপ্লিকেশন দ্বারা ভাগ করা একটি ডেটা উত্স।

গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য উপলব্ধ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য অনুপলব্ধ।

Enums
UNKNOWN ডিফল্ট মান। ব্যবহার করবেন না।
USER Google Workspace ব্যবহারকারী। ব্যবহারকারী কেবল তাদের গুগল ওয়ার্কস্পেস সংস্থা থেকে ব্যবহারকারীদের দেখতে এবং নির্বাচন করতে পারেন।

হোস্ট অ্যাপড্যাটাসোর্সমার্কআপ

একটি SelectionInput উইজেটের জন্য যেটি একটি মাল্টিসিলেক্ট মেনু ব্যবহার করে, একটি Google Workspace অ্যাপ্লিকেশন থেকে ডেটা উৎস। ডাটা সোর্স মাল্টিসিলেক্ট মেনুর জন্য নির্বাচন আইটেমগুলি পূরণ করে।

গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য উপলব্ধ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য অনুপলব্ধ।

JSON প্রতিনিধিত্ব
{

  // Union field data_source can be only one of the following:
  "chatDataSource": {
    object (ChatClientDataSourceMarkup)
  }
  // End of list of possible types for union field data_source.
}
ক্ষেত্র
ইউনিয়ন ফিল্ড data_source । গুগল ওয়ার্কস্পেস অ্যাপ্লিকেশন যা একটি মাল্টিসেলেক্ট মেনুতে আইটেমগুলি পপুলেট করে। data_source নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
chatDataSource

object ( ChatClientDataSourceMarkup )

গুগল চ্যাট থেকে একটি ডেটা উত্স।

চ্যাটক্লিয়েন্টড্যাটাসোর্সমার্কআপ

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

গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য উপলব্ধ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য অনুপলব্ধ।

JSON প্রতিনিধিত্ব
{

  // Union field source can be only one of the following:
  "spaceDataSource": {
    object (SpaceDataSource)
  }
  // End of list of possible types for union field source.
}
ক্ষেত্র
ইউনিয়ন ক্ষেত্র source । গুগল চ্যাট ডেটা উত্স। source নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
spaceDataSource

object ( SpaceDataSource )

গুগল চ্যাট স্পেস যে ব্যবহারকারী সদস্য।

স্পেসডেটাসোর্স

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

গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য উপলব্ধ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য অনুপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "defaultToCurrentSpace": boolean
}
ক্ষেত্র
defaultToCurrentSpace

boolean

যদি true সেট করা থাকে তবে মাল্টিসেলেক্ট মেনু বর্তমান গুগল চ্যাট স্পেসটিকে ডিফল্টরূপে আইটেম হিসাবে নির্বাচন করে।

ডেটটাইম পিকার

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

ব্যবহারকারীরা তারিখ এবং সময় নির্বাচন করতে পাঠ্য ইনপুট বা বাছাইকারী ব্যবহার করতে পারেন। যদি ব্যবহারকারীরা কোনও অবৈধ তারিখ বা সময় ইনপুট করে তবে পিকার একটি ত্রুটি দেখায় যা ব্যবহারকারীদের তথ্য সঠিকভাবে ইনপুট করতে অনুরোধ করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "name": string,
  "label": string,
  "type": enum (DateTimePickerType),
  "valueMsEpoch": string,
  "timezoneOffsetDate": integer,
  "onChangeAction": {
    object (Action)
  }
}
ক্ষেত্র
name

string

যে নামটি দ্বারা DateTimePicker একটি ফর্ম ইনপুট ইভেন্টে চিহ্নিত করা হয়।

ফর্ম ইনপুটগুলির সাথে কাজ করার বিষয়ে বিশদগুলির জন্য, ফর্ম ডেটা গ্রহণ করুন।

label

string

যে পাঠ্যটি ব্যবহারকারীদের একটি তারিখ, সময়, বা একটি তারিখ এবং সময় ইনপুট করতে অনুরোধ করে। উদাহরণস্বরূপ, যদি ব্যবহারকারীরা অ্যাপয়েন্টমেন্টের সময়সূচী করে থাকেন তবে Appointment date বা Appointment date and time হিসাবে একটি লেবেল ব্যবহার করুন।

type

enum ( DateTimePickerType )

উইজেট কোনও তারিখ, একটি সময়, বা তারিখ এবং সময় ইনপুট করা সমর্থন করে কিনা।

valueMsEpoch

string ( int64 format)

ইউনিক্স এপোক সময় থেকে মিলিসেকেন্ডে উইজেটে প্রদর্শিত ডিফল্ট মান।

পিকের ধরণের উপর ভিত্তি করে মানটি নির্দিষ্ট করুন ( DateTimePickerType ):

  • DATE_AND_TIME : ইউটিসিতে একটি ক্যালেন্ডারের তারিখ এবং সময়। উদাহরণস্বরূপ, 1 জানুয়ারী, 2023 এ 12:00 অপরাহ্ন ইউটিসি উপস্থাপন করতে, 1672574400000 ব্যবহার করুন।
  • DATE_ONLY : 00:00:00 ইউটিসি -তে একটি ক্যালেন্ডারের তারিখ। উদাহরণস্বরূপ, 1 জানুয়ারী, 2023 উপস্থাপন করতে, 1672531200000 ব্যবহার করুন।
  • TIME_ONLY : ইউটিসি -তে একটি সময়। উদাহরণস্বরূপ, 12:00 পিএম প্রতিনিধিত্ব করতে, 43200000 (বা 12 * 60 * 60 * 1000 ) ব্যবহার করুন।
timezoneOffsetDate

integer

ইউটিসি থেকে অফসেট সময় জোনের প্রতিনিধিত্বকারী সংখ্যাটি কয়েক মিনিটের মধ্যে। যদি সেট করা হয় তবে মূল্যবান সময় অঞ্চলে valueMsEpoch প্রদর্শিত হয়। যদি আনসেট হয় তবে মানটি ব্যবহারকারীর সময় অঞ্চল সেটিংয়ে ডিফল্ট হয়।

onChangeAction

object ( Action )

যখন ব্যবহারকারী DateTimePicker ইন্টারফেস থেকে সংরক্ষণ বা সাফ ক্লিক করে তখন ট্রিগার করা হয়।

ডেটটাইমপিক্টিপ

DateTimePicker উইজেটে তারিখ এবং সময়ের জন্য ফর্ম্যাট। ব্যবহারকারীরা কোনও তারিখ, একটি সময় বা কোনও তারিখ এবং সময় উভয়ই ইনপুট করতে পারে কিনা তা নির্ধারণ করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

Enums
DATE_AND_TIME ব্যবহারকারীরা একটি তারিখ এবং সময় ইনপুট।
DATE_ONLY ব্যবহারকারীরা একটি তারিখ ইনপুট।
TIME_ONLY ব্যবহারকারীরা একটি সময় ইনপুট।

বিভাজক

এই ধরণের কোনও ক্ষেত্র নেই।

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

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

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

"divider": {}

গ্রিড

আইটেমগুলির সংগ্রহ সহ একটি গ্রিড প্রদর্শন করে। আইটেমগুলি কেবল পাঠ্য বা চিত্র অন্তর্ভুক্ত করতে পারে। প্রতিক্রিয়াশীল কলামগুলির জন্য, বা পাঠ্য বা চিত্রের চেয়ে বেশি অন্তর্ভুক্ত করার জন্য Columns ব্যবহার করুন। গুগল চ্যাট অ্যাপ্লিকেশনগুলিতে উদাহরণের জন্য, আইটেমগুলির সংগ্রহ সহ একটি গ্রিড প্রদর্শন করুন।

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

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

উদাহরণস্বরূপ, নিম্নলিখিত জেএসএন একটি একক আইটেম সহ একটি 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"
    }
  }
}
JSON প্রতিনিধিত্ব
{
  "title": string,
  "items": [
    {
      object (GridItem)
    }
  ],
  "borderStyle": {
    object (BorderStyle)
  },
  "columnCount": integer,
  "onClick": {
    object (OnClick)
  }
}
ক্ষেত্র
title

string

গ্রিড শিরোনামে প্রদর্শিত পাঠ্য।

items[]

object ( GridItem )

গ্রিডে প্রদর্শিত আইটেমগুলি।

borderStyle

object ( BorderStyle )

প্রতিটি গ্রিড আইটেমটিতে প্রয়োগ করতে সীমানা শৈলী।

columnCount

integer

গ্রিডে প্রদর্শিত কলামগুলির সংখ্যা। যদি এই ক্ষেত্রটি নির্দিষ্ট না করা হয় তবে একটি ডিফল্ট মান ব্যবহৃত হয় এবং গ্রিডটি কোথায় প্রদর্শিত হয় তার উপর নির্ভর করে সেই ডিফল্ট মানটি আলাদা হয় (ডায়ালগ বনাম সহচর)।

onClick

object ( OnClick )

এই কলব্যাকটি প্রতিটি পৃথক গ্রিড আইটেম দ্বারা পুনরায় ব্যবহার করা হয়, তবে আইটেমের আইডেন্টিফায়ার এবং ইনডেক্স সহ আইটেম তালিকায় কলব্যাকের পরামিতিগুলিতে যুক্ত হয়।

গ্রিডিটেম

গ্রিড লেআউটে একটি আইটেম উপস্থাপন করে। আইটেমগুলিতে পাঠ্য, একটি চিত্র বা পাঠ্য এবং একটি চিত্র উভয়ই থাকতে পারে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "id": string,
  "image": {
    object (ImageComponent)
  },
  "title": string,
  "subtitle": string,
  "layout": enum (GridItemLayout)
}
ক্ষেত্র
id

string

এই গ্রিড আইটেমটির জন্য একটি ব্যবহারকারী নির্দিষ্ট সনাক্তকারী। এই শনাক্তকারীটি প্যারেন্ট গ্রিডের onClick কলব্যাক প্যারামিটারগুলিতে ফিরে আসে।

image

object ( ImageComponent )

গ্রিড আইটেমটিতে প্রদর্শিত চিত্র।

title

string

গ্রিড আইটেমের শিরোনাম।

subtitle

string

গ্রিড আইটেমের সাবটাইটেল।

layout

enum ( GridItemLayout )

গ্রিড আইটেমের জন্য ব্যবহার করার জন্য বিন্যাস।

ইমেজমম্পোনেন্ট

একটি ইমেজ প্রতিনিধিত্ব করে.

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "imageUri": string,
  "altText": string,
  "cropStyle": {
    object (ImageCropStyle)
  },
  "borderStyle": {
    object (BorderStyle)
  }
}
ক্ষেত্র
imageUri

string

চিত্র url।

altText

string

চিত্রের জন্য অ্যাক্সেসিবিলিটি লেবেল।

cropStyle

object ( ImageCropStyle )

চিত্রটিতে প্রয়োগ করার জন্য শস্য শৈলী।

borderStyle

object ( BorderStyle )

চিত্রটিতে প্রয়োগ করতে সীমানা শৈলী।

ইমেজক্রোপস্টাইল

একটি চিত্র প্রয়োগ করা শস্য শৈলী প্রতিনিধিত্ব করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

উদাহরণস্বরূপ, এখানে কীভাবে 16: 9 দিক অনুপাত প্রয়োগ করবেন:

cropStyle {
 "type": "RECTANGLE_CUSTOM",
 "aspectRatio": 16/9
}
JSON প্রতিনিধিত্ব
{
  "type": enum (ImageCropType),
  "aspectRatio": number
}
ক্ষেত্র
type

enum ( ImageCropType )

ফসলের ধরণ।

aspectRatio

number

শস্য প্রকারটি RECTANGLE_CUSTOM হলে ব্যবহারের দিক অনুপাত।

উদাহরণস্বরূপ, এখানে কীভাবে 16: 9 দিক অনুপাত প্রয়োগ করবেন:

cropStyle {
 "type": "RECTANGLE_CUSTOM",
 "aspectRatio": 16/9
}

ImageCropType

একটি চিত্র প্রয়োগ করা শস্য শৈলী প্রতিনিধিত্ব করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

Enums
IMAGE_CROP_TYPE_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
SQUARE ডিফল্ট মান। একটি বর্গাকার ফসল প্রয়োগ করে।
CIRCLE একটি বৃত্তাকার ফসল প্রয়োগ করে।
RECTANGLE_CUSTOM একটি কাস্টম দিক অনুপাত সহ একটি আয়তক্ষেত্রাকার ফসল প্রয়োগ করে। aspectRatio সহ কাস্টম দিক অনুপাত সেট করুন।
RECTANGLE_4_3 4: 3 দিক অনুপাত সহ একটি আয়তক্ষেত্রাকার ফসল প্রয়োগ করে।

সীমানা শৈলী

সীমান্তের ধরণ এবং রঙ সহ কোনও কার্ড বা উইজেটের সীমানার জন্য স্টাইল বিকল্পগুলি।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "type": enum (BorderType),
  "strokeColor": {
    object (Color)
  },
  "cornerRadius": integer
}
ক্ষেত্র
type

enum ( BorderType )

সীমানা প্রকার।

strokeColor

object ( Color )

টাইপটি যখন BORDER_TYPE_STROKE হয় তখন ব্যবহার করার রঙগুলি।

cornerRadius

integer

সীমান্তের জন্য কোণার ব্যাসার্ধ।

বর্ডার টাইপ

উইজেটগুলিতে প্রয়োগ করা সীমানা প্রকারগুলি উপস্থাপন করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

Enums
BORDER_TYPE_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
NO_BORDER ডিফল্ট মান। সীমানা নেই.
STROKE রূপরেখা।

গ্রিডিটম্লেআউট

গ্রিড আইটেমের জন্য উপলব্ধ বিভিন্ন লেআউট বিকল্পগুলি উপস্থাপন করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

Enums
GRID_ITEM_LAYOUT_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
TEXT_BELOW শিরোনাম এবং সাবটাইটেলটি গ্রিড আইটেমের চিত্রের নীচে দেখানো হয়েছে।
TEXT_ABOVE শিরোনাম এবং সাবটাইটেলটি গ্রিড আইটেমের চিত্রের উপরে দেখানো হয়েছে।

কলাম

Columns উইজেট একটি কার্ড বা সংলাপে 2 টি কলাম প্রদর্শন করে। আপনি প্রতিটি কলামে উইজেট যুক্ত করতে পারেন; উইজেটগুলি নির্দিষ্ট করা হয় এমন ক্রমে উপস্থিত হয়। গুগল চ্যাট অ্যাপ্লিকেশনগুলিতে উদাহরণের জন্য, কলামগুলিতে ডিসপ্লে কার্ড এবং ডায়ালগগুলি দেখুন।

প্রতিটি কলামের উচ্চতা লম্বা কলাম দ্বারা নির্ধারিত হয়। উদাহরণস্বরূপ, যদি প্রথম কলামটি দ্বিতীয় কলামের চেয়ে লম্বা হয় তবে উভয় কলামে প্রথম কলামের উচ্চতা রয়েছে। যেহেতু প্রতিটি কলামে বিভিন্ন সংখ্যক উইজেট থাকতে পারে, আপনি সারিগুলি সংজ্ঞায়িত করতে পারবেন না বা কলামগুলির মধ্যে উইজেটগুলি সারিবদ্ধ করতে পারবেন না।

কলামগুলি পাশাপাশি প্রদর্শিত হয়। আপনি HorizontalSizeStyle ক্ষেত্রটি ব্যবহার করে প্রতিটি কলামের প্রস্থকে কাস্টমাইজ করতে পারেন। যদি ব্যবহারকারীর স্ক্রিনের প্রস্থ খুব সংকীর্ণ হয় তবে দ্বিতীয় কলামটি প্রথমটির নীচে মোড়ানো:

  • ওয়েবে, দ্বিতীয় কলামটি মোড়ানো হয় যদি স্ক্রিনের প্রস্থটি 480 পিক্সেলের চেয়ে কম বা সমান হয়।
  • আইওএস ডিভাইসগুলিতে, দ্বিতীয় কলামটি মোড়ানো হয় যদি স্ক্রিনের প্রস্থটি 300 পিটির চেয়ে কম বা সমান হয়।
  • অ্যান্ড্রয়েড ডিভাইসে, দ্বিতীয় কলামটি মোড়ানো হয় যদি স্ক্রিনের প্রস্থটি 320 ডিপি এর চেয়ে কম বা সমান হয়।

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

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ। গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য কলামগুলি বিকাশকারী পূর্বরূপে রয়েছে।

JSON প্রতিনিধিত্ব
{
  "columnItems": [
    {
      object (Column)
    }
  ]
}
ক্ষেত্র
columnItems[]

object ( Column )

কলামগুলির একটি অ্যারে। আপনি কোনও কার্ড বা ডায়ালগে 2 টি কলাম অন্তর্ভুক্ত করতে পারেন।

কলাম

একটি কলাম.

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ। গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য কলামগুলি বিকাশকারী পূর্বরূপে রয়েছে।

JSON প্রতিনিধিত্ব
{
  "horizontalSizeStyle": enum (HorizontalSizeStyle),
  "horizontalAlignment": enum (HorizontalAlignment),
  "verticalAlignment": enum (VerticalAlignment),
  "widgets": [
    {
      object (Widgets)
    }
  ]
}
ক্ষেত্র
horizontalSizeStyle

enum ( HorizontalSizeStyle )

একটি কলাম কীভাবে কার্ডের প্রস্থ পূরণ করে তা নির্দিষ্ট করে।

horizontalAlignment

enum ( HorizontalAlignment )

উইজেটগুলি কোনও কলামের বাম, ডান বা কেন্দ্রের সাথে সারিবদ্ধ হয় কিনা তা নির্দিষ্ট করে।

verticalAlignment

enum ( VerticalAlignment )

উইজেটগুলি কোনও কলামের শীর্ষ, নীচে বা কেন্দ্রে সারিবদ্ধ কিনা তা নির্দিষ্ট করে।

widgets[]

object ( Widgets )

একটি কলামে অন্তর্ভুক্ত উইজেটগুলির একটি অ্যারে। উইজেটগুলি ক্রমে প্রদর্শিত হয় যে সেগুলি নির্দিষ্ট করা হয়েছে।

অনুভূমিক স্টাইল

একটি কলাম কীভাবে কার্ডের প্রস্থ পূরণ করে তা নির্দিষ্ট করে। প্রতিটি কলামের প্রস্থ উভয়ই HorizontalSizeStyle এবং কলামের মধ্যে উইজেটগুলির প্রস্থ উভয়ের উপর নির্ভর করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ। গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য কলামগুলি বিকাশকারী পূর্বরূপে রয়েছে।

Enums
HORIZONTAL_SIZE_STYLE_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
FILL_AVAILABLE_SPACE ডিফল্ট মান। কলামটি কার্ডের প্রস্থের 70% অবধি উপলব্ধ স্থানটি পূরণ করে। যদি উভয় কলামগুলি FILL_AVAILABLE_SPACE সেট করা থাকে তবে প্রতিটি কলাম স্থানটির 50% পূরণ করে।
FILL_MINIMUM_SPACE কলামটি সম্ভাব্যতম স্থান পূরণ করে এবং কার্ডের প্রস্থের 30% এর বেশি নয়।

অনুভূমিক সারিবদ্ধকরণ

উইজেটগুলি কোনও কলামের বাম, ডান বা কেন্দ্রের সাথে সারিবদ্ধ হয় কিনা তা নির্দিষ্ট করে।

গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য উপলব্ধ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য অনুপলব্ধ।

Enums
HORIZONTAL_ALIGNMENT_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
START ডিফল্ট মান। কলামের শুরু অবস্থানে উইজেটগুলি সারিবদ্ধ করে। বাম থেকে ডান লেআউটগুলির জন্য, বাম দিকে সারিবদ্ধ হয়। ডান থেকে বাম লেআউটগুলির জন্য, ডানদিকে সারিবদ্ধ হয়।
CENTER কলামের কেন্দ্রে উইজেটগুলি সারিবদ্ধ করে।
END কলামের শেষ অবস্থানে উইজেটগুলি সারিবদ্ধ করে। বাম-থেকে-ডান লেআউটগুলির জন্য, উইজেটগুলি ডানদিকে সারিবদ্ধ করে। ডান থেকে বাম লেআউটগুলির জন্য, বামে উইজেটগুলি সারিবদ্ধ করে।

উল্লম্ব প্রান্তিককরণ

উইজেটগুলি কোনও কলামের শীর্ষ, নীচে বা কেন্দ্রে সারিবদ্ধ কিনা তা নির্দিষ্ট করে।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ। গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য কলামগুলি বিকাশকারী পূর্বরূপে রয়েছে।

Enums
VERTICAL_ALIGNMENT_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
CENTER ডিফল্ট মান। একটি কলামের কেন্দ্রে উইজেটগুলি সারিবদ্ধ করে।
TOP একটি কলামের শীর্ষে উইজেটগুলি সারিবদ্ধ করে।
BOTTOM একটি কলামের নীচে উইজেটগুলি সারিবদ্ধ করে।

উইজেট

সমর্থিত উইজেটগুলি যা আপনি একটি কলামে অন্তর্ভুক্ত করতে পারেন।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ। গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য কলামগুলি বিকাশকারী পূর্বরূপে রয়েছে।

JSON প্রতিনিধিত্ব
{

  // Union field data can be only one of the following:
  "textParagraph": {
    object (TextParagraph)
  },
  "image": {
    object (Image)
  },
  "decoratedText": {
    object (DecoratedText)
  },
  "buttonList": {
    object (ButtonList)
  },
  "textInput": {
    object (TextInput)
  },
  "selectionInput": {
    object (SelectionInput)
  },
  "dateTimePicker": {
    object (DateTimePicker)
  }
  // End of list of possible types for union field data.
}
ক্ষেত্র

ইউনিয়ন ক্ষেত্রের data

data নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

textParagraph

object ( TextParagraph )

TextParagraph উইজেট।

image

object ( Image )

Image উইজেট।

decoratedText

object ( DecoratedText )

DecoratedText উইজেট।

buttonList

object ( ButtonList )

ButtonList উইজেট।

textInput

object ( TextInput )

TextInput উইজেট।

selectionInput

object ( SelectionInput )

SelectionInput উইজেট।

dateTimePicker

object ( DateTimePicker )

DateTimePicker উইজেট।

ডিভাইডারস্টাইল

একটি কার্ডের বিভাজক শৈলী। বর্তমানে কেবল ডিভাইডারদের জন্য কার্ড বিভাগগুলির জন্য ব্যবহৃত হয়।

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

Enums
DIVIDER_STYLE_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
SOLID_DIVIDER ডিফল্ট বিকল্প। বিভাগগুলির মধ্যে একটি শক্ত বিভাজক রেন্ডার করুন।
NO_DIVIDER যদি সেট করা হয় তবে বিভাগগুলির মধ্যে কোনও ডিভাইডার রেন্ডার করা হয় না।

কার্ডেশন

একটি কার্ড অ্যাকশন হ'ল কার্ডের সাথে সম্পর্কিত ক্রিয়া। উদাহরণস্বরূপ, একটি চালান কার্ডে চালান মুছুন, ইমেল চালান বা ব্রাউজারে চালানটি খোলার মতো ক্রিয়া অন্তর্ভুক্ত থাকতে পারে।

গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য উপলব্ধ এবং গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য অনুপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "actionLabel": string,
  "onClick": {
    object (OnClick)
  }
}
ক্ষেত্র
actionLabel

string

যে লেবেল অ্যাকশন মেনু আইটেম হিসাবে প্রদর্শিত হয়।

onClick

object ( OnClick )

এই ক্রিয়া আইটেমটির জন্য onClick অ্যাকশন।

কার্ডফিক্সডফুটার

একটি অবিরাম (স্টিকি) পাদচরণ যা কার্ডের নীচে প্রদর্শিত হয়।

primaryButton বা একটি secondaryButton নির্দিষ্ট না করে fixedFooter সেট করা একটি ত্রুটি সৃষ্টি করে।

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

গুগল চ্যাট অ্যাপ্লিকেশন এবং গুগল ওয়ার্কস্পেস অ্যাড-অনের জন্য উপলব্ধ।

JSON প্রতিনিধিত্ব
{
  "primaryButton": {
    object (Button)
  },
  "secondaryButton": {
    object (Button)
  }
}
ক্ষেত্র
primaryButton

object ( Button )

স্থির পাদলেখের প্রাথমিক বোতাম। বোতামটি অবশ্যই পাঠ্য এবং রঙ সেট সহ একটি পাঠ্য বোতাম হতে হবে।

secondaryButton

object ( Button )

স্থির পাদলেখের গৌণ বোতাম। বোতামটি অবশ্যই পাঠ্য এবং রঙ সেট সহ একটি পাঠ্য বোতাম হতে হবে। যদি secondaryButton সেট করা থাকে তবে আপনাকে অবশ্যই primaryButton সেট করতে হবে।

ডিসপ্লে স্টাইল

গুগল ওয়ার্কস্পেস অ্যাড-অনগুলিতে, কীভাবে কোনও কার্ড প্রদর্শিত হয় তা নির্ধারণ করে।

গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য উপলব্ধ এবং গুগল চ্যাট অ্যাপ্লিকেশনগুলির জন্য অনুপলব্ধ।

Enums
DISPLAY_STYLE_UNSPECIFIED ব্যবহার করবেন না। অনির্দিষ্ট।
PEEK কার্ডের শিরোনামটি সাইডবারের নীচে উপস্থিত হয়, আংশিকভাবে স্ট্যাকের বর্তমান শীর্ষ কার্ডটি covering েকে রাখে। শিরোনামটি ক্লিক করা কার্ডটি কার্ডের স্ট্যাকের মধ্যে পপ করে। যদি কার্ডটির কোনও শিরোনাম না থাকে তবে পরিবর্তে একটি উত্পন্ন শিরোনাম ব্যবহার করা হয়।
REPLACE ডিফল্ট মান। কার্ডটি কার্ড স্ট্যাকের শীর্ষ কার্ডের দৃশ্যটি প্রতিস্থাপন করে দেখানো হয়েছে।