← Back to Scripts

CSS Scripts

CSS snippets, utilities and ready-to-use styles.

Snippets

ID: cs2 — Added: 2025-12-17 19:48:36.030000

simple css example

apply padding, border, background-color to a cladd

  <style name="question.after"><![CDATA[
<style>
.empty-left {
    padding: 5px;
    border: 2px solid #acacac;
    background-color: #f0f0f0;
}
</style>
]]></style>
ID: cs3 — Added: 2026-01-22 16:47:07.886000

CSS Fix for Arabic Right-to-Left (RTL) Layout

Use this CSS when supporting Arabic or other RTL languages to correct layout flow, text alignment, and UI inconsistencies.

<style cond="decLang in ['hebrew','arabic']" mode="after" name="respview.client.css"><![CDATA[
<style>
body { direction: rtl; }
.survey-buttons { text-align: left !important; }
#surveyContent, .survey-body, .question-text, .instruction-text,
.grid.grid-table-mode .row-legend, .grid-desktop-mode.grid-list-mode .cell-section,
.grid-single-col .cell, .grid[data-settings*='single-col'] .cell,
.noRows .grid.grid.grid-table-mode .colCount-1 .element,
.noRows .grid.grid.grid-table-mode .colCount-1 .col-legend { text-align: right !important; }
.survey-body .fir-hidden { left: auto !important; right: -9999px !important; }
</style>]]>
</style>