ডিফল্টরূপে, ওয়ান ট্যাপ প্রম্পট ডেস্কটপ ওয়েব ব্রাউজার উইন্ডোর উপরের-ডান কোণায় প্রদর্শিত হয়। যখন FedCM ব্যবহার করা হয়, ব্রাউজার সম্পূর্ণরূপে প্রম্পট অবস্থান নিয়ন্ত্রণ করে। তাই, কাস্টম লেআউট সমর্থিত নয় ।
অন্যথায়, প্রম্পট অবস্থান পরিবর্তন করতে একটি ধারক উপাদানের ভিতরে একটি ট্যাপ প্রদর্শন করুন। এটি করতে, data-prompt_parent_id অ্যাট্রিবিউটে কন্টেইনার উপাদানটির DOM আইডি উল্লেখ করুন।
নিম্নলিখিত কোড উদাহরণটি ধারক উপাদান হিসাবে g_id_onload উপাদানটিকে পুনরায় ব্যবহার করে এবং নির্দিষ্ট অবস্থানে ওয়ান ট্যাপ প্রম্পট প্রদর্শন করে:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-login_uri="https://your.domain/your_login_endpoint"
data-prompt_parent_id="g_id_onload"
style="position: absolute; top: 100px; right: 30px;
width: 0; height: 0; z-index: 1001;">
</div>
data-prompt_parent_id অ্যাট্রিবিউটটি মোবাইল ওয়েব ব্রাউজারে উপেক্ষা করা হয়।
ডিফল্টরূপে, ওয়ান ট্যাপ প্রম্পট ডেস্কটপ ওয়েব ব্রাউজার উইন্ডোর উপরের-ডান কোণায় প্রদর্শিত হয়। যখন FedCM ব্যবহার করা হয়, ব্রাউজার সম্পূর্ণরূপে প্রম্পট অবস্থান নিয়ন্ত্রণ করে। তাই, কাস্টম লেআউট সমর্থিত নয় ।
অন্যথায়, প্রম্পট অবস্থান পরিবর্তন করতে একটি ধারক উপাদানের ভিতরে একটি ট্যাপ প্রদর্শন করুন। এটি করতে, data-prompt_parent_id অ্যাট্রিবিউটে কন্টেইনার উপাদানটির DOM আইডি উল্লেখ করুন।
নিম্নলিখিত কোড উদাহরণটি ধারক উপাদান হিসাবে g_id_onload উপাদানটিকে পুনরায় ব্যবহার করে এবং নির্দিষ্ট অবস্থানে ওয়ান ট্যাপ প্রম্পট প্রদর্শন করে:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-login_uri="https://your.domain/your_login_endpoint"
data-prompt_parent_id="g_id_onload"
style="position: absolute; top: 100px; right: 30px;
width: 0; height: 0; z-index: 1001;">
</div>
data-prompt_parent_id অ্যাট্রিবিউটটি মোবাইল ওয়েব ব্রাউজারে উপেক্ষা করা হয়।