Асуултын төрөл - Дэлгэцэнд текст харагдана

Товч тодорхойлолт

Энэ асуултын төрөл нь оролцогчоос ямар нэгэн хариулт авдаггүй. Зүгээр л текст харуулна. Үүнийг судалгаанд нэмэлт заавар өгөх эсвэл дизайны завсарлага хийхэд ашиглаж болно.

Энэ асуултын текстэд html эсвэл javascript бичиж болохыг анхаарна уу. Ингэснээр та энэ асуултыг бусад зорилгоор ашиглах боломжтой.

Жишээ: Text_display_example.zip

Ерөнхий сонголтууд

Нөхцөл

Тодорхойлолт

Хэрэв нөхцөлийн үр дүнгийн утга "1" эсвэл "true" бол асуулт судалгааны хүрээнд "холбогдох" буюу судалгааны оролцогчид харагдана. Үгүй бол асуулт нуугдана. Судалгааны аливаа асуулт дээр холбогдох тэгшитгэл тодорхойлох боломжтой. Энэ функц нь нөхцөл-ийн залгамжлагч бөгөөд илүү нарийн төвөгтэй нөхцөлт логикийг дэмждэг.

Синтаксийн тодруулга

Нөхцөлийг хадгалах бүрд нөхцөл шалгагдаж, синтаксийн тодруулга хийгдэнэ. Аливаа алдаа өнгөөр ялгагдах тул та тэдгээрийг хурдан илрүүлж, засах боломжтой.

 Hint: Судалгаандаа бүх нөхцөлийг зөв ашигласан эсэхийг шалгахын тулд манай логик файл харуулах боломжийн талаар уншаарай.

Зөвшөөрөгдсөн утгууд

• ExpressionScript синтаксийг ашигласан, хүрээлсэн хаалтгүй (долгион хаалтгүй) аливаа нөхцөл.

Жишээнүүд

Энд синтаксийн тодруулгын сайн жишээнүүд байна.

Дэлгэц

Асуултын сэдэв (question_theme)

Тодорхойлолт

Энэ нь тухайн асуултад зориулан өөрчлөн тохируулсан сэдвийг ашиглах боломжийг олгоно.

Боломжит сонголтууд

• Сэдвүүд самбар доторх Асуултын сэдэв хэсэгт байрлах таны үүсгэсэн асуултын сэдвүүд.

Үзэх: Асуултын сэдэв

Анхаарна уу: Энэ боломж одоогоор хөгжүүлэлтийн шатандаа байна.

Тусламжийг хаах (hide_tip)

Тодорхойлолт

Ихэнх асуултад "Дараах сонголтуудаас нэгийг сонгоно уу" гэх мэт зөвлөмж эсвэл асуултыг хэрхэн бөглөх талаарх сануулга текст багтдаг. Энэ шинж чанар нь эдгээр зөвлөмж/сануулгыг идэвхжүүлэх эсвэл идэвхгүй болгох боломжийг олгоно.

Эдгээр зөвлөмж/сануулгад баталгаажуулалтын шалгуурын мессежүүд (жишээ нь хариултын хамгийн бага/хамгийн их тоо, хамгийн бага/хамгийн их/нийлбэр утгатай тэнцүү утга) багтана. Хэрэв hide_tip идэвхжсэн бол эдгээр мессеж нуугдана. Гэхдээ хэрэглэгч буруу өгөгдөл оруулбал зөвлөмжүүд харагдана. Тэд улаан өнгөөр харагдах бөгөөд баталгаажуулалтын шалгуур хангагдмагц ногоон өнгөнд шилжинэ.

Боломжит сонголтууд

• On - зөвлөмж/сануулгууд нуугдана;
• Off (анхдагч).

Энэ асуултийг нуу (hidden)

Тодорхойлолт

Идэвхжүүлсэн тохиолдолд асуулт үргэлж нуугдах бөгөөд судалгаанд оролцогчдод харагдахгүй. Энэ функцийг дараах тохиолдолд ашиглаж болно:

• Асуултыг URL-аар утгыг нь урьдчилан бөглөж, дэлгэц дээр харуулахгүй байхыг хүсвэл. Энэ нь судалгаанд ашигласан бүх нөхцөлийг үл хэрэгсэнэ, учир нь тухайн асуулт хуудсанд огт орохгүй.
• Утгыг шууд хадгалах эсвэл тооцоолохыг хүсвэл ExpressionScript - Танилцуулга-ыг ашиглан хийж болно.

Тэмдэглэл: Энэ функцтэй хамт түгээмэл ашигладаг асуултын төрөл бол Тэгшитгэл юм.

Боломжтой сонголтууд

• Асаалттай
• Унтраалттай (анхдагч)

CSS класс (css_class)

Тодорхойлолт

Хэрэв тодорхой асуултуудад тусгай CSS класс нэмэхийг хүсвэл CSS классын нэрийг энэ талбарт оруулна уу. Өөр өөр классын нэрийн хооронд хоосон зай үлдээхээ мартуузай.

Зөвшөөрөгдөх утгууд

• CSS классын нэрсийг хооронд нь хоосон зайгаар тусгаарласан дурын текст.

 Hint: Энэ талбарт илэрхийлэл мөн оруулж болно ^{(New in 3.0.0 )}. Илэрхийллийн гаралт динамикаар шинэчлэгдэхгүй гэдгийг анхаараарай.

  W3C-ийн дагуу CSS классын нэр нь зөвхөн [a-zA-Z болон 0-9] тэмдэгтүүд, ISO 10646-ийн U+00A1 ба түүнээс дээш тэмдэгтүүд, мөн endash (-) ба доогуур зураас (_) агуулж болно. Нэр нь цифрээр эсвэл endash-ийн дараа цифр орсон хэлбэрээр эхэлж болохгүй. LimeSurvey CSS классыг кодчилдог боловч бүрэн засдаггүй.

Логик

Санамсаргүй байдлаар бүлэгийн нэрийг сонгох (random_group)

Тодорхойлолт

Энэ нь асуултуудыг заасан санамсаргүй бүлэгт байрлуулах бөгөөд заасан бүлэгт багтсан бүх асуултыг судалгаанд оролцогчдод санамсаргүй дарааллаар харуулна.

Санамсаргүй бүлгийн нэрийг ашигласан жишээ судалгааг ExpressionScript жишээ судалгаа хэсгээс харж болно.

Зөвшөөрөгдөх утгууд

Өөрийн хүссэн ямар ч тэмдэгт мөрийг оруулна уу (жишээ нь: 'group1'). Санамсаргүй байдлаар бүлэгийн нэрийг сонгох талбарт ижил тэмдэгт мөр оруулсан бүх асуултын байрлал судалгаанд санамсаргүй болно (=хоорондоо санамсаргүй байдлаар солигдоно).

Урьдчилан харах Асуултуудыг урьдчилан харахдаа асуултын бүлгийг урьдчилан харах функцийн оронд судалгааг урьдчилж харах функцийг ашиглана уу, учир нь хоёр дахь нь асуултуудыг санамсаргүй дарааллаар харуулдаггүй гэж мэдээлэгдсэн байдаг.

Бусад

Хэвлэмэлээр харахад дараагын хуудсыг оруул (page_break)

Тодорхойлолт

Энэ шинж чанар нь та судалгааг Хэвлэх харагдац-аас бодитоор хэвлэж байх үед л идэвхтэй байна. Энэ нь асуултын өмнө нь хуудас таслалт хийхийг шаардана.

Боломжит сонголтууд

• Идэвхтэй
• Идэвхгүй (үндсэн)

Статистик

Дэлгэцэнд график (display_chart)

Тодорхойлолт

Энэ шинж чанар нь судалгааны админд асуултын үр дүнг агуулсан графикийг судалгаанд оролцогчид судалгааг бөглөсний дараа харуулах эсэхийг сонгох боломжийг олгодог.

Тэмдэглэл: Графикийг сүүлийн хуудсанд харуулахын тулд дараах сонголтуудыг идэвхжүүлэх шаардлагатай:

• Олон нийтийн статистик судалгааны тохиргоо (Танилцуулга ба навигацийн тохиргоо хэсгээс)
• Графикуудыг харуулах судалгааны тохиргоо (Танилцуулга ба навигацийн тохиргоо хэсгээс)
• Олон нийтийн статистик асуултын шинж чанар, мөн
• дэлгэцэнд график асуултын шинж чанар.

Боломжит сонголтууд

• Идэвхтэй
• Идэвхгүй (үндсэн)

Графикын төрөл (chart_type)

Тодорхойлолт

Энэ шинж чанар нь судалгааны админд судалгааг бөглөж дууссан хариулагчид ямар төрлийн график харуулахыг сонгох боломжийг олгоно.

Тайлбар: Судалгааны төгсгөлд графикуудыг харуулахын тулд асуулт болон судалгааны тохиргоог өөрчлөхөө мартуузай. Дэлгэрэнгүй мэдээллийг вики дэх дэлгэцэнд график асуултын шинж чанар хэсгээс үзнэ үү.

Боломжит сонголтууд

• Бар график
• Дугуй график
• Радар
• Шугам
• PolarArea
• Doughnut

Цаг хэмжигч

Дараах асуултын төрлүүд цаг хэмжигчийг дэмждэг:

• дэлгэцэнд текст харагдана
• жагсаалт (радио )

Цаг хэмжигчийн атрибутууд нь асуулт, асуултаараа форматыг ашигладаг судалгаанд хамгийн сайн ажилладаг. Мөн тэдгээрийг груп групээр форматыг ашигладаг судалгаанд ашиглаж болно. Гэхдээ груп групээр форматаар ажиллуулах нь заавал бөглөх асуултуудыг, улмаар судалгааг алдагдуулж болзошгүй.

Хугацааны хязгаар (time_limit)

Тодорхойлолт

Асуултад time_limit шинж чанарыг тохируулснаар тухайн асуулт/хуудас ачаалагдмагц хугацаа тоолуур буурч эхэлнэ. Хугацаа тоолуур дуусахад асуулт автоматаар дараах хуудас руу шилжих эсвэл зөвхөн унших горимд орно.

Зөвшөөрөгдөх утгууд

• Дурын эерэг бүхэл тоо

Жишээ

4 минутаас (240 секунд) тоолж эхлүүлэхийн тулд 240 гэж тохируулна уу.

<onlyinclude>

Хугцааны хязгаарын үйлдэл (time_limit_action)

Тодорхойлолт

time_limit-ийн хугацаа дууссан үед хийгдэх үйлдлийг тохируулна. Анхдагчаар хугацааны хязгаарын үйлдэл нь "Анхааруулаад цааш үргэлжлүүлэх" байдаг бөгөөд энэ нь систем хугацааны хязгаар дууссан тухай товч анхааруулга өгч, асуултыг хадгалаад "Дараах >>" товчийг автоматаар дарсантай адил үйлдэл хийнэ гэсэн үг юм. Бусад сонголтууд нь:

• "Анхааруулга өгөлгүй цааш үргэлжлүүлэх" - хугацаа дууссаны дараа ямар ч анхааруулга харуулалгүйгээр "Дараах >>" товчийг автоматаар дарна.
• "Зөвхөн салгах" - асуултад өөрчлөлт оруулахыг хаах тул оролцогч юу ч өөрчилж чадахгүй, гэхдээ "Дараах >>" товчийг автоматаар дарахгүй.

Энэ тохиргоо нь ерөнхий хугацааны хязгаар тохиргоо идэвхжсэн тохиолдолд л хамаарна.

Боломжит сонголтууд

• Анхааруулаад цааш үргэлжлүүлэх (анхдагч): оролцогчид хугацаа дууссан тухай анхааруулж, дараа нь дараах товчийг дарна
• Анхааруулга өгөлгүй цааш үргэлжлүүлэх: хугацааны хязгаар дууссан даруйд дараах товчийг шууд дарна
• Зөвхөн салгах: хугацааны хязгаар дууссаны дараа хариултыг идэвхгүй болгоно, гэхдээ дараах товчийг автоматаар дарахгүй

Нэмэлт мэдээлэл

  Хэрэв асуулт заавал бөглөх байдалтай, эсвэл бүлэг доторх асуулт заавал бөглөх байдалтай бол заавал бөглөх асуулт(ууд)-д хариулаагүй тохиолдолд JavaScript давталт үүснэ. Үүний үр дүнд зарим асуултыг бөглөөгүй байна гэсэн алдаа дэлгэц дээр гарч, улмаар хуудас дахин ачаалагдана.
Заавал бөглөх асуултад найдахын оронд илэрхийлэл ашиглан (асуулт болон дэд асуултын баталгаажуулалтын тэгшитгэлийн талаар асуулт ба дэд асуулт хэсгээс дэлгэрэнгүй уншина уу) хэрэглэгчийг хариултын талбарыг хоосон орхихгүй байлгах боломжтой. Баталгаажуулалтын тэгшитгэл хэрхэн ажилладгийг үзэхийн тулд дараах жишээг харна уу.

Асуултын бүлэгт хугацаа тоолуур ашиглахыг хүсвэл бүлгээр судалгаа явуулах горимыг идэвхжүүлж, нэг асуултыг хугацааны хязгаарын функц ашиглахаар тохируулаад, хугацааны хязгаарын үйлдлээр "Анхааруулаад цааш үргэлжлүүлэх" (анхдагч) сонголтыг сонгоно уу. Асуултын хугацаа дуусмагц судалгаа дараагийн хуудас руу шилжинэ.

Хугацааны хязгаар дараа нь идэвхгүй (time_limit_disable_next)

Тодорхойлолт

Энэ нь time_limit тоолуур ажиллаж байх үед "Дараах" товчийг идэвхгүй болгох боломжийг олгоно. Ихэвчлэн хугацааны хязгаарын тоолуур идэвхтэй байсан ч оролцогч "Дараах" товчийг дарж дараагийн асуулт эсвэл асуултын бүлэг рүү шилжиж болно (ингэснээр асуулт эсвэл асуултын бүлэгт зарцуулах хугацаа богиносно). Энэ функцийг идэвхжүүлснээр "Дараах" товч саарал өнгөтэй харагдах бөгөөд тоолуур дуустал ашиглах боломжгүй болно.

Энэ тохиргоо нь ерөнхий Хугацааны хязгаар тохиргоо идэвхжсэн тохиолдолд л хэрэгжинэ.

Боломжит сонголтууд

• On - Хугацааны хязгаарын тоолуур дуустал "Дараах" товч идэвхгүй байна.
• Off (өгөгдмөл)

Тэмдэглэл: Хэрэв таны судалгаа груп групээр форматыг ашиглаж байвал энэ функц уг асуултын харьялагдах бүхэл бүтэн бүлэгт хамаарна.

Хугацааны хязгаар нь хэтэрсэн идэвхгүй хэлбэр (time_limit_disable_prev)

Тодорхойлолт

Энэ нь time_limit хугацаа тоологдож байх үед "Өмнөх" товчийг идэвхгүй болгох боломжийг олгоно. Ихэвчлэн хугацааны хязгаарын тоолол идэвхтэй байсан ч оролцогч "Өмнөх" товчийг дарж, өмнөх асуулт эсвэл асуултын бүлэг рүү шилжиж болно (ингэснээр асуулт эсвэл асуултын бүлэгт зарцуулах хугацаа богиноzdоно). Энэ функцийг идэвхжүүлснээр Өмнөх товч саарал өнгөтэй харагдах бөгөөд хугацааны тоолуур дуустал ашиглах боломжгүй болно.

Энэ тохиргоо нь ерөнхий хугацааны хязгаар тохиргоо идэвхжсэн тохиолдолд л хамаарна.

Боломжит сонголтууд

• On - хугацааны хязгаарын тоолол дуустал "Өмнөх" товч идэвхгүй байна.
• Off (өгөгдмөл)

Анхаарна уу: Хэрэв таны судалгаа груп групээр хэлбэртэй бол энэ функц тухайн асуултын харьяалагдах бүх бүлэгт хамаарна.

Хугацааны хязгаар урвуугаар тоологдсон мессэж (time_limit_countdown_message)

Тодорхойлолт

Урвуугаар тоолох үед тоолуур дээр харагдах мессежийг энэ талбарт бичнэ үү. Энэ тохиргоо нь ерөнхий хугацааны хязгаарын тохиргоо идэвхжсэн тохиолдолд л хамаарна. Хэрэв юу ч бичээгүй бол талбар нь үндсэн утгыг ашиглана: "Үлдсэн хугацаа".

Хугацааны хязгаар нь хэтэрсэн CSS хэлбэр (time_limit_timer_style)

Тодорхойлолт

Энэ нь хугацаа буурч тоологдох тоолуурыг харуулахад ашиглагдах CSS хэлбэрийг тохируулах (мөн өгөгдмөл хэлбэрийг дарж бичих) боломжийг олгодог. Энэ шинж чанар байхгүй бол өгөгдмөл хэлбэрийн утга ашиглагдах бөгөөд энэ нь: 'width: 150px; margin-left: auto; margin-right: auto; border: 1px solid #111; text-align: center; background-color: #EEE; margin-bottom: 5px; font-size: 8pt;'.

Энэ шинж чанарт оруулсан аливаа текст өгөгдмөл CSS хэлбэр бүхлийг дарж бичнэ, тиймээс утга оруулахдаа болгоомжтой байх хэрэгтэй. Тоолуурыг нуух энгийн арга бол өгөгдмөл хэлбэрийг энэ шинж чанарт хуулж, төгсгөлд нь 'display: none;' гэж нэмэх явдал юм.

Энэ тохиргоо нь ерөнхий хугацааны хязгаарын тохиргоо идэвхжсэн тохиолдолд л хамаарна.

Хугацааны хязгаар нь хэтэрсэн мессэжийг дэлгэцэн дээр хугацааг нь харуулах (time_limit_message_delay)

Тодорхойлолт

Энэ шинж чанар нь time_limit_message мессэжийг time_limit_action үйлдэл хийгдэхээс өмнө хэдэн секунд харуулахыг тохируулна. Хэрэв энэ шинж чанарыг тохируулаагүй бол өгөгдмөл утга нь 1 (1 секунд) байна.

Энэ тохиргоо нь ерөнхий хугацааны хязгаарын тохиргоо идэвхжсэн тохиолдолд л хамаарна.

Жишээ

time_limit_message_delay: 5 = мессэж 5 секунд харагдана

Хугацааны хязгаар нь хэтэрсэн мессэж (time_limit_message)

Тодорхойлолт

Энэ нь time_limit хугацаа дууссан үед оролцогчид харагдах мессежийн текст юм. Анхдагчаар энэ мессеж "Энэ асуултанд хариулах таны хугацаа дууссан" байна. Хэрэв time_limit_action шинж чанарыг "Анхааруулга өгөлгүй цааш үргэлжлүүлэх" гэж тохируулсан бол энэ мессеж харагдахгүй. Энэ текстийн CSS загварыг time_limit_message_style шинж чанарт тохируулж болно (доороос харна уу).

Энэ тохиргоо нь ерөнхий хугацааны хязгаарын тохиргоо идэвхжсэн тохиолдолд л хамаарна.

Жишээ

time_limit_message: Энэ асуултанд хариулах хугацааны хязгаар одоо дууссан.

CSS хэлбэрийн хугацааны хязгаар нь хэтэрсэн мессэж (time_limit_message_style)

Тодорхойлолт

Энэ нь хугацааны хязгаарын мессежийг харуулахад ашиглагддаг CSS хэлбэржүүлэлтийг тохируулах (мөн өгөгдмөл утгыг дарж бичих) боломжийг олгоно. Хэрэв энэ шинж чанар байхгүй бол өгөгдмөл хэв маягийн утгыг ашиглах бөгөөд энэ нь: 'top: 10px; left: 35%; width: 30%; height: 60px; padding: 16px; border: 8px solid #555; background-color: white; z-index: 1002; text-align: center; overflow: auto'.

Энэ шинж чанарт оруулсан аливаа текст өгөгдмөл CSS хэв маягийг бүхэлд нь дарж бичих тул утгыг оруулахдаа болгоомжтой байхыг анхаарна уу. z-index утгыг дахин ашиглахыг, эсвэл наад зах нь z-index утга нь time_limit_warning_message_style шинж чанар-д ашиглагддаг утгаас (өгөгдмөлөөр 1001) өндөр байхыг хүчтэй зөвлөж байна.

Жишээ

Дараах утгыг тохируулна: top: 10px; left: 35%; width: 30%; height: 60px; padding: 16px; border: 8px solid #555; background-color: black; color: white; z-index: 1010; text-align: center; overflow: auto

Хугацааны хязгаарын сануулгын мессежийн хугацаа (time_limit_warning)

Тодорхойлолт

Энэ шинж чанарыг ашиглан хугацааны хязгаар дуусахаас хэдэн секундын өмнө time_limit_warning_message мессеж харагдахыг тохируулж болно. Энэ шинж чанарт утга оноосноор хугацааны хязгаарын сануулгын мессеж идэвхждэг.

Энэ тохиргоо нь ерөнхий хугацааны хязгаар тохиргоо идэвхтэй үед л хэрэгжинэ. Энэ тохиргоо нь хоёр дахь сануулгын мессежид зориулагдсан хувилбартай байдаг.

Жишээ

Хэрэв үүнийг '20' гэж тохируулбал хугацааны хязгаарын тооллого тэгэнд хүрэхээс 20 секундын өмнө хугацааны хязгаарын сануулгын мессеж гарч ирнэ.

Хугацааны хязгаарын сануулга мессежийг харуулах хугацаа (time_limit_warning_display_time)

Тодорхойлолт

Энэ нь time_limit_warning_message мессеж дэлгэцээс арилж/нуугдахаас өмнө хэр удаан харагдахыг тохируулна. Анхдагчаар time_limit_warning_message мессеж гарч ирсэн бол тоолуур тоолж дуустал харагдсаар байна. Хэрэв энэ талбарт тэгээс илүү утга оруулбал мессеж тухайн тооны секундын дараа нуугдана.

Энэ тохиргоо нь ерөнхий хугацааны хязгаарын тохиргоо идэвхжсэн тохиолдолд л хамаарна. Энэ тохиргоо хоёр дахь сануулга мессежид ч мөн байдаг.

Жишээ

time_limit_warning_display_time: 10 = Хугацааны хязгаарын сануулга мессеж гарч ирснээс хойш 10 секундын дараа алга болно.

Хугацааны хязгаарын сануулах мессеж (time_limit_warning_message)

Тодорхойлолт

Тохируулсан бол хугацааны хязгаар дуусахаас өмнө нь тогтоосон хугацаанд харагдах сануулах мессежийн текстийг харуулна. Үндсэн текст нь "Таны энэ асуултад хариулах хугацаа бараг дууслаа. Танд {TIME} үлдсэн байна." {TIME} нь үлдсэн хугацааг илэрхийлсэн форматлагдсан тодорхойлолтоор солигдоно (жишээ нь "30 секунд", "1 минут 5 секунд"). Энэ мессеж нь time_limit_warning шинж чанар байгаа тохиолдолд л харагдана. Мессеж (time_limit_warning_message) хэзээ харагдахыг time_limit_warning шинж чанар-аар тохируулж болно.

Энэ асуултын шинж чанар нь хугацааны хязгаарын тохиргоо идэвхжсэн бөгөөд та хугацааны хязгаарын сануулах мессеж талбарт ямар нэг текст оруулсан тохиолдолд л хэрэгжинэ. Энэ тохиргоо нь хоёр дахь сануулах мессежид бас байдаг.

Жишээ

Анхааруулга: {TIME}-ийн дараа асуултад хариулах хугацааны хязгаар дуусна.

Хугацааны хязгаарын сануулгын CSS хэв маяг (time_limit_warning_style)

Тодорхойлолт

Энэ шинж чанар нь хугацааны хязгаарын сануулах мессежийг харуулахад ашиглагдах css хэв маягийг тохируулах (болон өгөгдмөл утгыг дарах) боломжийг олгоно. Хэрэв энэ шинж чанар байхгүй бол өгөгдмөл утгыг ашиглана: 'top: 10px; left: 35%; width: 30%; height: 60px; padding: 16px; border: 8px solid #555; background-color: white; z-index: 1001; text-align: center; overflow: auto'.

Энэ шинж чанарт оруулсан дурын текст сануулах мессежийн өгөгдмөл css хэв маягийг бүхэлд нь дарж бичих тул утга оруулахдаа болгоомжтой байх хэрэгтэй. z-index утгыг дахин ашиглахыг, эсвэл наад зах нь z-index утгыг time_limit_message_style шинж чанарын утгаас (өгөгдмөлөөр 1002) бага байлгахыг хатуу зөвлөж байна.

Энэ тохиргоо нь ерөнхий хугацааны хязгаарын тохиргоо идэвхжсэн үед л хамаарна. Мөн энэ тохиргоо хоёр дахь сануулах мессежид зориулагдан байдаг.

Жишээ

top: 10px; left: 35%; width: 30%; height: 60px; padding: 16px; border: 8px solid #555; background-color: gray; color: white; z-index: 1001; text-align: center; overflow: auto