คุณสามารถกำหนดสไตล์การสัมภาษณ์ของ Oracle Intelligent Advisor (OIA) (ก่อนหน้านี้ คือ Oracle Policy Automation) เพื่อรวมสิ่งที่ปรากฏกับรูปลักษณ์องค์กรของคุณให้เป็นหนึ่งเดียวกัน
คุณสามารถคอนฟิเกอร์ซีเลคเตอร์คลาส CSS ต่อไปนี้ในไฟล์ design.css ซีเลคเตอร์คลาสเหล่านี้ทั้งหมดมีคำนำหน้า “scs-opainterview-”
แต่ละคลาสจะกำหนดสไตล์ทั้งหมดสำหรับองค์ประกอบที่ระบุ คลาสมีการควบคุมแบบเต็ม และจะไม่มีการใช้สไตล์ OIA ที่มีอยู่
| ซีเลคเตอร์ | ใช้กับ | คำอธิบาย |
|---|---|---|
| การสัมภาษณ์ | การสัมภาษณ์ | พื้นที่การสัมภาษณ์ประกอบด้วยเนื้อหาการสัมภาษณ์ทั้งหมด รวมถึงส่วนหัว ส่วนท้าย และพื้นที่การนาวิเกต |
| interviewContent | เนื้อหาการสัมภาษณ์ | พื้นที่เนื้อหาการสัมภาษณ์ประกอบด้วยชื่อหน้าจอและการควบคุมต่างๆ แต่ไม่รวมถึงส่วนหัว ส่วนท้าย และพื้นที่การนาวิเกต |
| screenTitleBlock | บล็อคชื่อหน้าจอ | บล็อคชื่อหน้าจอประกอบด้วยพื้นที่ที่มีชื่อหน้าจอ รวมถึงวิดเจ็ตอื่นๆ ที่อยู่ในแถวนั้น เช่น ลิสต์ดรอปดาวน์ในหน้าจอและ/หรือปุ่มถัดไปและย้อนกลับ |
| screenTitle | ชื่อหน้าจอ | พื้นที่ชื่อหน้าจอเป็นเพียงพื้นที่มีชื่อหน้าจอ |
| nextButton | ปุ่มถัดไป | ปุ่มถัดไป |
| backButton | ปุ่มย้อนกลับ | ปุ่มย้อนกลับ |
| restartButton | ปุ่มเริ่มต้นใหม่ | ปุ่มเริ่มต้นใหม่ |
| exitButton | ปุ่มออก | ปุ่มออก |
| ส่วนหัว | ส่วนหัว | พื้นที่ส่วนหัว |
| ส่วนท้าย | ส่วนท้าย | พื้นที่ส่วนท้าย |
| คำถาม | ข้อความของคำถาม | การกำหนดสไตล์ข้อความของคำถาม |
| การควบคุม | คอนเทนเนอร์สำหรับการควบคุม | การกำหนดสไตล์สำหรับอีลิเมนต์ที่มีการควบคุม |
| ป้ายกำกับ | การควบคุมป้ายกำกับ | การกำหนดสไตล์สำหรับการควบคุมป้ายกำกับ |
| controlError | การควบคุมทั้งหมด | การกำหนดสไตล์สำหรับคอนเทนเนอร์ข้อความข้อผิดพลาด |
| controlErrorText | การควบคุมทั้งหมด | การกำหนดสไตล์สำหรับขอบเขตข้อความข้อผิดพลาด |
| textInput | บ็อกซ์ข้อความบรรทัดเดียว, รหัสผ่าน และค่าที่ไม่แสดง | การกำหนดสไตล์สำหรับการควบคุมอินพุตข้อความ |
| textAreaInput | บ็อกซ์ข้อความหลายบรรทัด | การกำหนดสไตล์สำหรับการควบคุมอินพุตข้อความหลายบรรทัด |
| calendarInput | ปฏิทิน | การกำหนดสไตล์สำหรับการควบคุมอินพุตปฏิทิน รองรับฟิลด์ iconColor ที่อนุญาตให้เปลี่ยนสีของไอคอนปฏิทินได้ และฟิลด์ keepIcon ที่ระบุว่าควรแสดงไอคอนปฏิทินหรือไม่ |
| dropDownInput | ลิสต์แบบดรอปดาวน์ | การกำหนดสไตล์สำหรับการควบคุมอินพุตลิสต์แบบดรอปดาวน์ |
| filterDropDownInput | ลิสต์แบบดรอปดาวน์ที่ฟิลเตอร์ | การกำหนดสไตล์สำหรับการควบคุมอินพุตลิสต์แบบดรอปดาวน์ที่ฟิลเตอร์ รองรับฟิลด์ iconColor ที่อนุญาตให้เปลี่ยนสีของลูกศรดรอปดาวน์ได้ |
| listInput | ลิสต์คงที่ | การกำหนดสไตล์สำหรับการควบคุมอินพุตลิสต์คงที่ |
| radioInput | ปุ่มตัวเลือก | การกำหนดสไตล์สำหรับการควบคุมอินพุตปุ่มตัวเลือก ซึ่งสามารถกำหนดสไตล์ด้วยตัวเลือก borderColor และ fillColor คุณสมบัติ iconType สามารถเปลี่ยนประเภทของไอคอนที่ใช้ได้ ในปัจจุบัน สามารถใช้ได้เฉพาะตัวเลือกสำรอง 'tick' และ 'fill' เท่านั้น |
| checkboxInput | ช่องทำเครื่องหมาย | การกำหนดสไตล์สำหรับการควบคุมอินพุตช่องทำเครื่องหมาย ซึ่งสามารถกำหนดสไตล์ด้วยตัวเลือก borderColor และ fillColor คุณสมบัติ iconType สามารถเปลี่ยนประเภทของไอคอนที่ใช้ได้ ในปัจจุบัน สามารถใช้ได้เฉพาะตัวเลือกสำรอง 'square' และ 'fill' เท่านั้น |
| autoCompleteInput | การค้นหาที่กำหนดเอง | การกำหนดสไตล์สำหรับฟิลด์ autocomplete เมื่อมีการใช้ส่วนขยาย customSearch |
| captchaInput | ฟิลด์อินพุต CAPTCHA | การกำหนดสไตล์สำหรับฟิลด์อินพุตที่ผู้ใช้จะใช้ป้อน CAPTCHA |
| signatureInput | การควบคุมลายเซ็น | การกำหนดสไตล์สำหรับการควบคุมลายเซ็น การรองรับฟิลด์ inkColor เพิ่มเติมที่อนุญาตให้เปลี่ยนหมึกปากกาสำหรับลายเซ็นได้ |
| explanationHeader | การควบคุมคำอธิบาย | การกำหนดสไตล์สำหรับส่วนหัวที่ขยายได้ระดับบนสุดสำหรับการควบคุมคำอธิบาย |
| explanationText | การควบคุมคำอธิบาย | การกำหนดสไตล์สำหรับข้อความการควบคุมคำอธิบายที่ขยาย |
| signatureClearButton | การควบคุมลายเซ็น | การกำหนดสไตล์สำหรับปุ่มล้างข้อมูลในการควบคุมลายเซ็น |
| uploadAddButton | การควบคุมการอัปโหลด | การกำหนดสไตล์สำหรับปุ่มเพิ่มในการควบคุมการอัปโหลด |
| entityRemoveButton | การควบคุมการรวบรวมเอนทิตี | การควบคุมการรวบรวมเอนทิตี |
ตัวอย่างส่วนขยายของสไตล์ที่กำหนดใน design.css
.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;
}