इस्तेमाल की जा सकने वाली सीएसएस क्लास

अपने ऐप्लिकेशन से मेल खाने के लिए, खोज विजेट की स्टाइल बदली जा सकती है. विजेट को पसंद के मुताबिक बनाने के लिए, इन सीएसएस क्लास का इस्तेमाल करें.

Suggestions

डीओएम स्ट्रक्चर का सैंपल:

<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

नतीजे

डीओएम स्ट्रक्चर का सैंपल:

<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

Facets

डीओएम स्ट्रक्चर का सैंपल:

<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

पेजों को क्रम में लगाना

डीओएम स्ट्रक्चर का सैंपल:

<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

साइन-इन करने का अनुरोध

डीओएम स्ट्रक्चर का सैंपल:

<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