সমর্থিত CSS ক্লাস

আপনি আপনার অ্যাপ্লিকেশনের সাথে মেলে অনুসন্ধান উইজেটের শৈলী পরিবর্তন করতে পারেন। উইজেট কাস্টমাইজ করতে নিম্নলিখিত 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