Columns উইজেট একটি কার্ড বা ডায়ালগে 2টি পর্যন্ত কলাম প্রদর্শন করে। আপনি প্রতিটি Column উইজেট যোগ করতে পারেন; উইজেটগুলি নির্দিষ্ট ক্রমে প্রদর্শিত হয়। Google Chat অ্যাপের উদাহরণের জন্য, কলাম দেখুন।
প্রতিটি কলামের উচ্চতা লম্বা কলাম দ্বারা নির্ধারিত হয়। উদাহরণস্বরূপ, যদি প্রথম কলামটি দ্বিতীয় কলামের চেয়ে লম্বা হয়, তবে উভয় কলামের উচ্চতা প্রথম কলামের। যেহেতু প্রতিটি কলামে বিভিন্ন সংখ্যক উইজেট থাকতে পারে, আপনি সারি নির্ধারণ করতে পারবেন না বা কলামগুলির মধ্যে উইজেটগুলি সারিবদ্ধ করতে পারবেন না।
কলাম পাশাপাশি প্রদর্শিত হয়. আপনি HorizontalSizeStyle ক্ষেত্র ব্যবহার করে প্রতিটি কলামের প্রস্থ কাস্টমাইজ করতে পারেন। যদি ব্যবহারকারীর স্ক্রীনের প্রস্থ খুব সংকীর্ণ হয়, দ্বিতীয় কলামটি প্রথমটির নীচে মোড়ানো হয়:
- ওয়েবে, স্ক্রিনের প্রস্থ 480 পিক্সেলের কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
- iOS ডিভাইসে, স্ক্রিনের প্রস্থ 300 pt এর কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
- অ্যান্ড্রয়েড ডিভাইসে, স্ক্রিনের প্রস্থ 320 ডিপির কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ। কলাম সমর্থন করে এমন অ্যাড-অন UI এর মধ্যে রয়েছে:
- ব্যবহারকারীরা একটি ইমেল খসড়া থেকে অ্যাড-অন খুললে ডায়ালগ প্রদর্শিত হয়৷
- একটি Google ক্যালেন্ডার ইভেন্টে সংযুক্তি মেনু থেকে ব্যবহারকারীরা অ্যাড-অন খুললে ডায়ালগ প্রদর্শিত হয়৷
// Build a column that is aligned in the center and fills the space:
const column = CardService.newColumn()
.setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
.setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
.setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
.addColumn(column)
.setWrapStyle(CardService.WrapStyle.WRAP);পদ্ধতি
| পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
|---|---|---|
addColumn(column) | Columns | কলাম উইজেটে একটি Column যোগ করে। |
setWrapStyle(wrapStyle) | Columns | কলামগুলির মোড়ানো শৈলী সেট করে, স্ক্রীনের প্রস্থের উপর ভিত্তি করে কলামের আকার পরিবর্তন করে তা নিয়ন্ত্রণ করে। |
বিস্তারিত ডকুমেন্টেশন
addColumn(column)
কলাম উইজেটে একটি Column যোগ করে। কলামগুলি যে ক্রমে যুক্ত করা হয়েছে সেই ক্রমে প্রদর্শিত হয়৷ আপনি দুটি কলাম পর্যন্ত যোগ করতে পারেন।
const columns = CardService.newColumns()
.addColumn(CardService.newColumn());পরামিতি
| নাম | টাইপ | বর্ণনা |
|---|---|---|
column | Column | কলাম উইজেটে যোগ করার জন্য একটি চাইল্ড কলাম। |
প্রত্যাবর্তন
Columns - এই বস্তুটি, চেইনিংয়ের জন্য।
setWrapStyle(wrapStyle)
কলামগুলির মোড়ানো শৈলী সেট করে, স্ক্রীনের প্রস্থের উপর ভিত্তি করে কলামের আকার পরিবর্তন করে তা নিয়ন্ত্রণ করে।
const columns = CardService.newColumns()
.addColumn(CardService.newColumn())
.setWrapStyle(CardService.WrapStyle.WRAP);পরামিতি
| নাম | টাইপ | বর্ণনা |
|---|---|---|
wrapStyle | WrapStyle | কলামের জন্য সেট করা মোড়ানো শৈলী। |
প্রত্যাবর্তন
Columns - এই বস্তুটি, চেইনিংয়ের জন্য।
Columns উইজেট একটি কার্ড বা ডায়ালগে 2টি পর্যন্ত কলাম প্রদর্শন করে। আপনি প্রতিটি Column উইজেট যোগ করতে পারেন; উইজেটগুলি নির্দিষ্ট ক্রমে প্রদর্শিত হয়। Google Chat অ্যাপের উদাহরণের জন্য, কলাম দেখুন।
প্রতিটি কলামের উচ্চতা লম্বা কলাম দ্বারা নির্ধারিত হয়। উদাহরণস্বরূপ, যদি প্রথম কলামটি দ্বিতীয় কলামের চেয়ে লম্বা হয়, তবে উভয় কলামের উচ্চতা প্রথম কলামের। যেহেতু প্রতিটি কলামে বিভিন্ন সংখ্যক উইজেট থাকতে পারে, আপনি সারি নির্ধারণ করতে পারবেন না বা কলামগুলির মধ্যে উইজেটগুলি সারিবদ্ধ করতে পারবেন না।
কলাম পাশাপাশি প্রদর্শিত হয়. আপনি HorizontalSizeStyle ক্ষেত্র ব্যবহার করে প্রতিটি কলামের প্রস্থ কাস্টমাইজ করতে পারেন। যদি ব্যবহারকারীর স্ক্রীনের প্রস্থ খুব সংকীর্ণ হয়, দ্বিতীয় কলামটি প্রথমটির নীচে মোড়ানো হয়:
- ওয়েবে, স্ক্রিনের প্রস্থ 480 পিক্সেলের কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
- iOS ডিভাইসে, স্ক্রিনের প্রস্থ 300 pt এর কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
- অ্যান্ড্রয়েড ডিভাইসে, স্ক্রিনের প্রস্থ 320 ডিপির কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনগুলির জন্য উপলব্ধ। কলাম সমর্থন করে এমন অ্যাড-অন UI এর মধ্যে রয়েছে:
- ব্যবহারকারীরা একটি ইমেল খসড়া থেকে অ্যাড-অন খুললে ডায়ালগ প্রদর্শিত হয়৷
- একটি Google ক্যালেন্ডার ইভেন্টে সংযুক্তি মেনু থেকে ব্যবহারকারীরা অ্যাড-অন খুললে ডায়ালগ প্রদর্শিত হয়৷
// Build a column that is aligned in the center and fills the space:
const column = CardService.newColumn()
.setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
.setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
.setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
.addColumn(column)
.setWrapStyle(CardService.WrapStyle.WRAP);পদ্ধতি
| পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
|---|---|---|
addColumn(column) | Columns | কলাম উইজেটে একটি Column যোগ করে। |
setWrapStyle(wrapStyle) | Columns | কলামগুলির মোড়ানো শৈলী সেট করে, স্ক্রীনের প্রস্থের উপর ভিত্তি করে কলামের আকার পরিবর্তন করে তা নিয়ন্ত্রণ করে। |
বিস্তারিত ডকুমেন্টেশন
addColumn(column)
কলাম উইজেটে একটি Column যোগ করে। কলামগুলি যে ক্রমে যুক্ত করা হয়েছে সেই ক্রমে প্রদর্শিত হয়৷ আপনি দুটি কলাম পর্যন্ত যোগ করতে পারেন।
const columns = CardService.newColumns()
.addColumn(CardService.newColumn());পরামিতি
| নাম | টাইপ | বর্ণনা |
|---|---|---|
column | Column | কলাম উইজেটে যোগ করার জন্য একটি চাইল্ড কলাম। |
প্রত্যাবর্তন
Columns - এই বস্তুটি, চেইনিংয়ের জন্য।
setWrapStyle(wrapStyle)
কলামগুলির মোড়ানো শৈলী সেট করে, স্ক্রীনের প্রস্থের উপর ভিত্তি করে কলামের আকার পরিবর্তন করে তা নিয়ন্ত্রণ করে।
const columns = CardService.newColumns()
.addColumn(CardService.newColumn())
.setWrapStyle(CardService.WrapStyle.WRAP);পরামিতি
| নাম | টাইপ | বর্ণনা |
|---|---|---|
wrapStyle | WrapStyle | কলামের জন্য সেট করা মোড়ানো শৈলী। |
প্রত্যাবর্তন
Columns - এই বস্তুটি, চেইনিংয়ের জন্য।