আপনি আপনার অ্যাপ্লিকেশনের সাথে মেলে অনুসন্ধান উইজেটের শৈলী পরিবর্তন করতে পারেন। উইজেট কাস্টমাইজ করতে নিম্নলিখিত CSS ক্লাস ব্যবহার করুন।
পরামর্শ
নমুনা DOM গঠন:
<div class="cloudsearch_suggestion_container">
<img src="..." class="cloudsearch_suggestion_suggested_query_icon">
<span class="cloudsearch_suggestion_suggested_query">...</span>
</div>
সিএসএস ক্লাস | নোট |
---|---|
cloudsearch_suggestion_overlay | |
cloudsearch_suggestion_container | |
cloudsearch_suggestion_suggested_query | |
cloudsearch_suggestion_suggested_query_icon | |
cloudsearch_suggestion_suggested_people_name | |
cloudsearch_suggestion_suggested_people_profile_image |
ফলাফল
নমুনা DOM গঠন:
<div class="cloudsearch_result_container">
<span class="cloudsearch_result_icon"></span>
<div class="cloudsearch_result_title">
<a href="...">...</a>
</div>
<div class="cloudsearch_result_metadata">...</div>
<div class="cloudsearch_result_snippet">...</div>
</div>
সিএসএস ক্লাস | নোট |
---|---|
cloudsearch_result_container | |
cloudsearch_result_icon | |
cloudsearch_result_title | |
cloudsearch_result_snippet | |
cloudsearch_result_metadata |
দিক
নমুনা DOM গঠন:
<div class="cloudsearch_facet_result_container">
<div class="cloudsearch_facet_operator_container">
<span class="cloudsearch_facet_result_operator_name">...</span>
</div>
<div class="cloudsearch_facet_bucket_container">
<input type="checkbox" value="value"
class="cloudsearch_facet_bucket_checkbox cloudsearch_facet_bucket_clickable">
<span class="cloudsearch_facet_bucket_value">...</span>
<span class="cloudsearch_facet_bucket_percentage">...</span>
</div>
</div>
সিএসএস ক্লাস | নোট |
---|---|
cloudsearch_facet_bucket_clickable | ফিল্টার নির্বাচন টগল করে এমন একটি উপাদান নির্দেশ করে |
cloudsearch_facet_bucket_selected | একটি ফিল্টার নির্বাচন করা হলে Cloudsearch_facet_bucket_container এ উপস্থাপন করুন |
cloudsearch_facet_bucket_container | |
cloudsearch_facet_result_container | |
cloudsearch_facet_operator_container | |
cloudsearch_facet_result_operator_name | |
cloudsearch_facet_bucket_value | |
cloudsearch_facet_bucket_percentage |
পৃষ্ঠা সংখ্যা
নমুনা DOM গঠন:
<div class="cloudsearch_pagination_container">
<div class="cloudsearch_pagination_center">
<span class="cloudsearch_pagination_icon cloudsearch_pagination_icon_previous">
</span>
<span class="cloudsearch_pagination_text">...</span>
<span class="cloudsearch_pagination_icon cloudsearch_pagination_icon_next">
</span>
</div>
</div>
সিএসএস ক্লাস | নোট |
---|---|
cloudsearch_pagination_container | |
cloudsearch_pagination_center | |
cloudsearch_pagination_icon | |
cloudsearch_pagination_icon_first | |
cloudsearch_pagination_icon_previous | |
cloudsearch_pagination_icon_next | |
cloudsearch_pagination_text |
ফলাফল গণনা
<div class="cloudsearch_result_count_container">
<span class="cloudsearch_result_count_text">...</span>
</div>
সিএসএস ক্লাস | নোট |
---|---|
cloudsearch_result_count_container | |
cloudsearch_result_count_text |
সাইন-ইন প্রম্পট
নমুনা DOM গঠন:
<div class="cloudsearch_sign_in_container">
<div class="cloudsearch_sign_in_button">...</div>
<div class="cloudsearch_sign_in_text">...</div>
</div>
সিএসএস ক্লাস | নোট |
---|---|
cloudsearch_sign_in_container | |
cloudsearch_sign_in_button | |
cloudsearch_sign_in_text |