मुख्य सामग्री पर जाएं

कस्टमाइज़ेशन

Web SDK कस्टमाइज़ेशन के दो आयामों का समर्थन करता है: भाषा और विज़ुअल थीम।

भाषा

setLocale मेथड के माध्यम से कैप्चर फ्रेम में सूचनात्मक संदेशों की भाषा कॉन्फ़िगर करें। LocaleTypes enum का उपयोग करें:

  • LocaleTypes.PT_BR — पुर्तगाली (ब्राज़ील)
  • LocaleTypes.ES_MX — स्पेनिश (मेक्सिको)
  • LocaleTypes.ES_ES — स्पेनिश (स्पेन)
  • LocaleTypes.EN_US — अंग्रेज़ी (USA)
import {
UnicoCheckBuilder,
LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);
जानकारी
  • इस सुविधा का उपयोग करने के लिए रिमोट सक्रियण की आवश्यकता हो सकती है। यदि आप इसका उपयोग करना चाहते हैं, तो अपने प्रोजेक्ट मैनेजर या Unico सपोर्ट को सूचित करें।
  • यदि कॉन्फ़िगर नहीं किया गया, तो SDK डिफ़ॉल्ट भाषा के रूप में पुर्तगाली का उपयोग करता है।

समर्थित LocaleTypes मानों की पूरी सूची के लिए API Reference > Enums देखें।

थीम

UnicoThemeBuilder का उपयोग करके कैप्चर फ्रेम को कस्टमाइज़ करें। एक इंस्टेंस बनाएं और उन मेथड को कॉल करें जो कैप्चर फ्रेम के प्रत्येक गुण को कस्टमाइज़ करते हैं:

const unicoTheme = new UnicoThemeBuilder()
.setColorSilhouetteSuccess("#0384fc")
.setBackgroundColor("#dff1f5")
.setColorText("#0384fc")
.setBackgroundColorComponents("#0384fc")
.setColorTextComponents("#dff1f5")
.setBackgroundColorBoxMessage("#fff")
.setColorTextBoxMessage("#fff")
.setBackgroundColorButtons("#0384fc")
.setColorTextButtons("#dff1f5")
.setColorCancelButton("#0384fc")
.setColorProgressBar("#0384fc")
.setFontFamily("Arial, sans-serif") // v3.19.2+
.setHtmlPopupLoading(`<div style="position: absolute; top: 45%; right: 50%; transform:
translate(50%, -50%); z-index: 10; text-align: center;">Carregando...</div>`)
.build();

थीम ऑब्जेक्ट उत्पन्न करने के बाद, इसे setTheme को पास करें:

unicoCameraBuilder.setTheme(unicoTheme);
setHtmlPopupLoading

setHtmlPopupLoading पैरामीटर दस्तावेज़ कैप्चर फ्लो के लिए विशिष्ट है।

कस्टमाइज़ेशन का दायरा

UnicoThemeBuilder जो उजागर करता है उससे परे कोई अन्य कस्टमाइज़ेशन आयाम उपलब्ध नहीं हैं। यदि आपको पूरी तरह से स्वामित्व वाला UI चाहिए, तो Capture Standard विकल्प (headless API इंटीग्रेशन) देखें।