Görünümü kurumsal görünümünüzle birleştirmek için Oracle Akıllı Danışman (eski adıyla Oracle Politika Otomasyonu) görüşmelerinin stilini oluşturabilirsiniz.
design.css dosyasında aşağıdaki CSS sınıf seçicilerini konfigüre edebilirsiniz. Tüm bu sınıf seçicilerin “scs-opainterview-” öneki vardır.
Her sınıf, belirtilen bir bileşen için tüm stil ayarlarını tanımlar. Sınıfın tam kontrolü vardır ve mevcut Oracle Akıllı Danışman stili kullanılmaz.
| Seçici | Bunun için geçerlidir: | Açıklama |
|---|---|---|
| interview | interview | Görüşme bölgesi; başlık, altbilgi ve gezinme alanı dahil olmak üzere görüşme içeriğinin tamamından oluşur. |
| interviewContent | görüşme içeriği | Görüşme içeriği bölgesi ekran başlığını ve kontrolleri içerir, ancak başlığı, altbilgiyi ve gezinme bölgesini içermez. |
| screenTitleBlock | ekran başlığı bloğu | Ekran başlığı bloğu, ekran başlığının yanı sıra ekran açılan listesi ve/veya ileri ve geri düğmeleri gibi o satırda yer alan tüm diğer küçük uygulamaları içeren bölgeyi oluşturur. |
| screenTitle | ekran başlığı | Ekran başlığı bölgesi, ekran başlığını içeren bölgedir. |
| nextButton | ileri düğmesi | İleri düğmesi. |
| backButton | geri düğmesi | Geri düğmesi. |
| restartButton | yeniden başlat düğmesi | Yeniden başlat düğmesi. |
| exitButton | çık düğmesi | Çık düğmesi. |
| header | header | Başlık bölgesi. |
| footer | footer | Altbilgi bölgesi. |
| question | soru metni | Soru metni stili. |
| control | kontrollere yönelik kapsayıcı | Kontrolleri içeren öğenin stili. |
| label | etiket kontrolü | Etiket kontrollerinin stili. |
| controlError | tüm kontroller | Hata metni kapsayıcısının stili. |
| controlErrorText | tüm kontroller | Hata metni aralığı stili. |
| textInput | tek satırlı metin kutusu, parola ve gizli | Metin giriş kontrollerinin stili. |
| textAreaInput | çok satırlı metin kutusu | Çok satırlı metin giriş kontrollerinin stili. |
| calendarInput | takvim | Takvim giriş kontrollerinin stili. Takvim simgesinin değiştirilmesine olanak tanıyan iconColor alanını ve takvim simgesinin gösterili gösterilmeyeceğini belirten keepIcon alanını destekler. |
| dropDownInput | açılan liste | Açılan liste giriş kontrollerinin stili. |
| filterDropDownInput | filtrelenmiş açılan liste | Filtrelenmiş açılan liste giriş kontrollerinin stili. Açılan liste okunun değiştirilmesine olanak tanıyan iconColor alanını destekler. |
| listInput | sabit liste | Sabit liste giriş kontrollerinin stili. |
| radioInput | radyo düğmeleri | Radyo düğmesi giriş kontrollerinin stili. borderColor ve fillColor seçenekleriyle stilleri belirlenebilir. iconType niteliği, kullanılan simgenin tipini değiştirebilir. Şu anda sadece 'tick' ve 'fill' alternatif olarak desteklenen seçeneklerdir. |
| checkboxInput | onay kutusu | Onay kutusu giriş kontrollerinin stili. borderColor ve fillColor seçenekleriyle stilleri belirlenebilir. iconType niteliği, kullanılan simgenin tipini değiştirebilir. Şu anda sadece 'square' ve 'fill' alternatif olarak desteklenen seçeneklerdir. |
| autoCompleteInput | özel arama | customSearch uzantısı kullanılırken autocomplete alanının stili. |
| captchaInput | CAPTCHA giriş alanı | Kullanıcının CAPTCHA bilgisini girdiği giriş alanının stili. |
| signatureInput | imza kontrolü | İmza kontrollerinin stili. İmza için kalem mürekkebinin değiştirilmesine olanak tanıyan ek bir inkColor alanını destekler. |
| explanationHeader | açıklama kontrolü | Açıklama kontrolleri için üst düzey genişletilebilir başlığın stili. |
| explanationText | açıklama kontrolü | Genişletilmiş açıklama kontrolü metninin stili. |
| signatureClearButton | imza kontrolü | İmza kontrolündeki temizle düğmesinin stili. |
| uploadAddButton | yükleme kontrolü | Yükleme kontrolündeki ekle düğmesinin stili. |
| entityRemoveButton | varlık toplama kontrolü | Varlık toplama kontrolü. |
design.css Dosyasında Tanımlı Stil Uzantılarına Örnekler
.scs-opainterview-interviewContent {
background-color: beige;
}
.scs-opainterview-screenTitleBlock {
background-color: bisque;
}
.scs-opainterview-screenTitle {
font-style: italic;
font-size: 20px;
}
.scs-opainterview-nextButton {
color: darkgreen;
}
.scs-opainterview-backButton {
color: crimson;
}
.scs-opainterview-question {
color: green;
}
.scs-opainterview-control {
background-color: cornflowerblue;
}
.scs-opainterview-label {
color:aqua;
}
.scs-opainterview-textInput {
color: red;
cursor:crosshair;
}
.scs-opainterview-radioInput {
background-color: pink;
}
.scs-opainterview-checkboxInput {
cursor: pointer;
}