質問に検証が適用され、回答が正しくない場合、次のようになります。このクラスはすべての質問タイプで使用されます。質問タイプにより、一つまたは複数のクラスが使われます。.questions-listも使われます。回答なしも回答であり、noanswer-itemとanswer-itemの2つのクラスを持ちます。質問でもある回答があります。answer-item"となるものが多数あります。text-list"のように、multi-listクラスを使用する質問タイプがあります。CSSにより非表示となりますが、スクリーンリーダーが読み上げます。2.50以降は、bootstrapのsr-onlyを使用できます。他の目的で利用します。LimeSurveyのコアで使用されていますが、テンプレートの中でも使用できます。jsが有効な場合に非表示となりますが、スクリーンリーダーを利用する場合は常に表示されます。LimeSurveyのコアで、JavaScriptが有効でない場合に非表示のリンクで使用されています。配列質問タイプのテーブル内のラベルで使用します。bootstrapのinput-group-addonと同じ利用方法ですが、枠線と背景がありません。最新のブラウザーでは必要ありませんが、古いブラウザーでは必要となります。最新のブラウザーでは必要ありませんが、古いブラウザーでは必要となります。1.92以前で使用できるクラスは、.mandatoryと.input-errorのみです。これらは、ヘルプと検証TIPメッセージに適用され、タイプごとにスタイリングできます。既定では、.hide-tipと.input-errorは連動しており、検証TIPを非表示にしておくことができます。検証エラーが発生するとTIPが現れ、エラーが解消されると再び非表示になります。これらは、ポップアップの警告メッセージの必要性をなくすためにデザインされています。代わりに、必要に応じてTIPが表示され、回答が検証式に適合したかどうかを表示色で示します。ページを開いたばかりの未回答状態で検証条件を満たさない場合は、検証条件を満たしていない旨のTIPはやさしい色で表示される一方、回答を送信して検証エラーが発生した場合は注意を促す色付けで表示されます。カスタマイズされた質問のスタイルは、それぞれのテンプレートのCSSファイルの最後のほうにあり、次の記述から始まります。カスタムテンプレートの他のスタイルに影響を与えずにスタイルを適用する場合は、''templates/default/template.css''(テーブルベースのレイアウトの場合)と''/templates/limespired/template.css''(CSSベースのレイアウトの場合)の中にある上記の行の後のすべての記述を独自のスタイルシートにコピーしなければなりません。IE6・IE7とその他のブラウザーの間のレンダリングには著しい違いがあるため、各テンプレートにはIE向けの特別な条件付きスタイルシートがあります。'''startpage.pstpl'''の中、''/templates/default/''または''/templates/limespired''からテーブルベースのレイアウト用とCSSベースのレイアウト用のそれぞれのIEスタイルシートのコピーに入れます。独自のスタイルシートにスタイルをコピーする場合、ほとんどの場合、調整を加える必要があります。bodyの条件付きクラスをstartpage.pstplに配置し、このクラスをtemplate.cssで使用できます。このメソッドは、citronadeテンプレート{{ObsoleteIn|2.06}}で使用されます。JavaScriptが動作するシステムにはjsクラス、動作しないシステムにはno-jsクラスを追加します。template.cssでは次のように使用します。LimeSurveyのテキストエディターは、RTLテキストを書式設定できます。エディター自体は、均等割り付けしたときにRTL言語を左から右の形式で表示します。これはエディターの表示上の問題です。RTLで均等割り付けされた質問またはテキストは、アンケートやプレビューでは正しく右から左に表示されます。テンプレートファイル内のキーワードは、現在のアンケート情報に置き換えられます。中括弧で囲まれています(例:{SURVEYNAME})。次の文字列は、テンプレートファイルを解析してアンケートユーザーに提示するときにLimeSurveyに置き換えられます。これらのフィールド文字列は、'完了ページ'以外のほぼすべてのテンプレートで機能します。(これらの文字列のほとんどはcommon.phpファイルにありますが、そこにない場合はindex.phpファイルを見てください。endgroup.pstpl||現在のグループ名を表示します。endgroup.pstpl||現在のグループの説明を表示します。|{NUMBEROFQUESTIONS}||welcome.pstpl||アンケートの質問総数(数字のみ)を表示します。|{THEREAREXQUESTIONS}||welcome.pstpl||関連する言語ファイルから"このアンケートはX問あります"という文が表示されます。Xは質問の数で置き換えられます。これは、単数形または複数形に対しても適切に機能します。質問が1つしかない場合、"このアンケートは1問あります"と表示されます。|{QUESTION}||Question.pstpl||('''LS1.87から置き換えられました''')現在の質問のテキストを表示します({QUESTION}の書式は、'question_start.pstpl'を編集することによってカスタマイズできます)。print_question.pstpl||現在の質問に対する回答フォームを表示します。print_question.pstpl||現在の質問のヘルプテキスト(質問タイプごとにあらかじめ決められたヒント)を表示します。print_question.pstpl||各質問タイプに固有のクラスです(質問を包含するタグに含められます)。print_question.pstpl||現在の質問コードを表示します。|{QUESTION_ESSENTIALS}||question.pstpl||質問IDと(条件付き質問の場合)、'style="display:none;"'(質問を包含するタグに含められます)。question_start.pstpl||現在の質問に対しユーザーが定義したヘルプテキストを表示します。|{QUESTION_TYPE_HELP}||print_question.pstp||現在の質問に対しユーザーが定義したヘルプテキストを表示します。question_start.pstpl||ユーザー入力エラーがあった場合に適用されるクラスです。|{QUESTION_ID}||print_question.pstp||個別の質問のスタイリングを可能にするために、各質問に一意のIDを付与します。question_start.pstpl||現在の質問のテキストを表示します。question_start.pstpl||現在の質問に関する翻訳された'必須'テキストを表示します。print_question.pstpl||質問が必須の場合のクラスです(質問を包含するタグに含められます)。question_start.pstpl||現在の質問に関する翻訳された'必須'ヘルプメッセージテキストを表示します。|{QUESTION_NUMBER}||print_question.pstpl||質問番号。question_start.pstpl||現在の質問に関する翻訳された'有効'ヘルプメッセージテキストを表示します。|{QUESTION_SCENARIO}||print_question.pstp||条件付き質問の'シナリオ'テキストを印刷します。(navigator.pstplが対象)||"結果を破棄して終了"リンクを表示します。|{COMPLETED}||completed.pstpl||登録時の'完了'メッセージを表示します(attribute_1フィールドとattribute_2フィールドが設定されているかどうかによって変化)。text'を表示します。|{PRIVACYMESSAGE}||privacy.pstpl||アンケートを匿名に設定すると、プライバシーメッセージが表示されます。LimeSurvey/ja|編集・翻訳]]することができます。privacy.pstplテンプレートを編集して手動で変更することもできます。|{TEMPLATEURL}||すべてのファイル||現在のテンプレートの場所へのURLです(テンプレート内の画像ファイルを参照するのに便利)。|{SURVEYRESOURCESURL}||すべてのファイル||このアンケート用の現在のアップロードファイルのURLです(質問、グループなどの画像ファイルを参照するのに便利です)。|{SUBMITCOMPLETE}||endpage.pstpl||アンケートを完了したこととと、"送信"ボタンを押すようユーザーに知らせる(言語ファイルの)メッセージ。Files||ユーザーの'回答ID'を表示します。PDFをエクスポートするボタンを表示します。|{TOKEN:FIRSTNAME}||すべてのファイル||***アンケート回答が匿名でない場合、トークンテーブルのユーザーの名に置き換えられます。|{TOKEN:LASTNAME}||すべてのファイル||***アンケート回答が匿名でない場合、トークンテーブルのユーザーの姓に置き換えられます。|{TOKEN:EMAIL}||すべてのファイル||***アンケート回答が匿名でない場合、トークンテーブルのユーザーのメールアドレスに置き換えられます。|{TOKEN:ATTRIBUTE_1}||すべてのファイル||***アンケート回答が匿名でない場合、トークンテーブルのユーザーのattribute_1に置き換えられます。|{TOKEN:ATTRIBUTE_2}||すべてのファイル||***アンケート回答が匿名でない場合、トークンテーブルのユーザーのattribute_2に置き換えられます。"回答の消去"メッセージ。|{RESTART}||clearall.pstpl||アンケートを再開するURL。|{REGISTERERROR}||register.pstpl||登録ページにエラーメッセージが表示されます(例えば、"メールアドレスを入力する必要があります")。|{REGISTERMESSAGE1}||register.pstpl||言語ファイルの"のアンケートを実施するには、登録を行う必要があります。|{REGISTERFORM}||register.pstpl||実際の登録フォーム。attribute_1フィールドとattribute_2フィールドが設定されているかどうかによって変わります。|{SAVE}||navigator.pstplで動作||'今までの回答を保存する'ボタンを表示して、後でアンケートに戻るようにすることができます。アンケートプロパティで[保存]オプションを無効にすると、タグは表示されず無視されます。|{LANGUAGECHANGER}||survey.pstpl||多言語アンケートのスイッチを表示して質問を変更します。アンケートの各"入力"タイプには独自のクラス名が与えられているため、"startpage.pstpl"ファイルにCSSを追加したり、フォームボタンや入力の外観をある程度制御することができます。クラス名は次のとおりです。(順位付けスタイルの質問。0%と100%のテキストが含まれています。このテキストのサイズを変更します。(テーブル内に表示されるすべての質問の一般的な設定です。(配列型の質問について複数の回答を提示するときに、これらの2つのスタイルが交互に繰り返されます。した質問タイプで背景色を交互に変えることができます。'''Array1は、こうした質問タイプの列見出しにも使用されます。("この質問は必須です"というエラーメッセージの色とスタイルを設定します。(参加者のブラウザがJavaScriptを無効にしている場合に表示される警告メッセージの色とスタイルを設定します。要素のIDを使用してアクセスできる要素もいくつかあります(CSSの'''#ID''')。class='new_name'></div></syntaxhighlight>のようにテンプレートを囲んで、new_nameクラスのCSSを定義する必要はありません。プログレスバーの外観はCSSで変更できます。バーの背景色を変更するには、template.cssファイルの最後に次のような記述を追加します。バーの境界線の色を変更するには、template.cssファイルの最後に次のような記述を追加します。LimeSurveyには、特別な変更を可能にするユーザー作成のパッチがいくつか統合されています。これらの非常に高度な機能は、(一般的に)LimeSurveyの根底にあるコードベースを変更する必要があり、セキュリティホールを生まないよう慎重に行う必要があります。アンケートページでJavascriptを実行する必要があるユーザーもいるかもしれませんが、BODY要素で'''checkconditions()'''を呼び出すことにより、これができなくなっています。この関数呼び出しはHEAD内の小さなJavaScript関数に置き換えられ、'''checkconditions()'''と'''template_onload()'''が存在するかどうかを呼び出す前に調べます。このようにして、テンプレート作成者は、HEADに既定のものを置き換える独自の'''template_onload()'''関数を作成できます。セキュリティで"HTMLのXSSフィルター"をオフにします。*質問またはグループの説明のソースにスクリプトを入力します。LimeSurvey|技術的な回避策のセクション]]を参照してください。このビデオでは、すべてのLimeSurveyユーザーが利用できる基本的なテンプレート機能と高度なテンプレート機能を紹介します。これには、特定のフォームの外観を変更したり、カスタムグラフィックスを挿入することが含まれます。特定のページテンプレートの編集やプレビュー、テンプレートのインポート/エクスポート、CSSによる質問の外観の変更、アンケートの説明ページのカスタマイズ方法について徹底的に説明します。アンケートに言語特有の文(例えば、各ページの最後にあるヘルプ)が必要な場合は、.pstlファイルに文を追加する(他の言語では表示しない)ことができます。template.cssで非表示にする場合、疑似セレクタlangを使うこともできますが、互換性を高めるためにクラスを使用しています。以下に、フランス語と英語の2つのヘルプ文があります。これをendpage.pstplに配置します。template.cssでは次のようにします。テンプレートを編集して保存した後は、アンケートの設定から選択されている場合にのみ、アンケートリストページに適用されます。既定のテンプレートにするには、LimeSurveyインストールの'''全体設定'''にある'''全般'''タブに移動し、目的のテンプレートを選択します。以降、テンプレートとして"既定"のオプションを使用するテンプレートと、新たに作成されるテンプレートを加えたすべてのテンプレートは、新しく選択された既定のテンプレートを使用します。このページで現在のテンプレートを使用するには、その設定を'''全体設定'''から変更する必要があります。以前のバージョンでは、この変更はconfigファイルで$defaulttemplate設定を編集することによって行うことができます。この設定を、config-defaults.phpから(config-defaults.phpより優先される)config.phpにコピーして次のように設定を編集します。OSXの既定のアーカイブユーティリティで"オンザフライで生成された"zipフォルダに問題がある可能性があります。コマンドラインからunixのunzipを実行することによって回避できます。1つの回避策は、macでコンパイルされたスクリプトを使用することです。質問のヘルプテキストが表示されると、既定のテンプレートフォルダからhelp.gifイメージが読み込まれます。この画像を置き換えるには、カスタムテンプレートフォルダに新しいhelp.gif、help.png、help.jpgをアップロードします。既定のヘルプアイコンの代わりに自動的に使用されます。2.50の'''既定'''のテンプレートでは、事前に設定されたロゴはありません。|独自のロゴを追加する方法に関するウィキ]]を参照してください。ロゴを編集するには次のように''<u>template.css</u>''ファイルを探します。検索ボタンをクリックして、ロゴ関連のスタイルの出現箇所を探し、''logo''を検索します。メインスタイルファイルを編集します。次のようなものが表示されます。画像を変更したい場合は、logo.gifを別の画像リンクに置き換えてください。イメージのサイズを変更する場合は、次のように幅と高さをピクセル単位で調整します。'''startpage.pstpl'''テンプレートファイルを見つけて開きます。独自のロゴをアップロードするには、テンプレートエディターでロゴをアップロードします。ロゴを配置するには、次のいずれかのCSSクラスを使用してください。すべてのアンケートに同じテンプレートを使用し、アンケートごとにロゴを変更する場合は、テンプレート.pstplファイル内の{SID}プレースホルダを使用して、別の画像を参照できます。ファビコンは、ブラウザのアドレスバー、ブックマークのリスト、タブに表示される小さなアイコンです。次のように自分のアイコンを表示することができます。Googleでたくさんのフリーファビコンジェネレーターを見つけることができます。"favicon.ico"と名前をつけ、テンプレートの/filesディレクトリーに配置します。#'''startpage.pstpl'''の</head>タグの前に次のコードを追加します。LimeSurveyでページごと(奇数ページ、偶数ページごと)に外観を変更したい場合は、CSSファイルの'''.page-odd'''クラスを使用して、奇数ページの外観を変更することができます。1.91+の既定のテンプレートの例。数ページと奇数ページを同じものにしたい場合は、template.cssの''.page-odd''のすべてのインスタンスを見つけ、スタイルを削除します。二元スケール配列の垂直セパレータの境界線を作成するには、'''template.css'''ファイルに次の行を追加します。''header_separator''は、ヘッダー"td"の区切り文字を入力するために使用します。"dual_scale_separator"は、二元スケール配列内のセパレータ列の指定に使用します。スタートページ(アンケートリスト付き)で、"連絡してください..."というメッセージを非表示にするには、使用するデザインテンプレートの'''template.js'''にある'''$(document).ready'''関数に次の内容を追記します。エラーメッセージからアンケートのコンタクトメッセージを削除する場合は、少々面倒です。以下の関数を追加します。使用するデザインテンプレートの'''template.js'''にある'''$(document).ready'''関数を呼び出します。次に、*template.js*ファイルに次の関数を追加します。英語のアンケートではうまくいかず、多言語アンケートに使用するときは拡張する必要がありますが、これを解決する方法のアイデア/ヒントとなります。この問題を回避するには、フィールドに貼り付けて、"other"のラベルを変更します。テンプレートのtemplate.css(''/limesurvey/upload/templates/<yourtemplatename>/template.css'')に以下のスタイルを追加します。最初に、使用したいテーマのテーマエディターを開きます。fruityの使用をお勧めします、それは現状ベストのテーマです。その後、テーマを拡張し、後でわかるように名前を付けます。次のビューで、使用するロゴをアップロードすることができます。́というエディタ画面を選択します。エディターで126行目にスクロールし、マークされた部分をテーマにアップロードした画像のファイル名に変更します。ファイルを保存します。デフォルトテーマを拡張したテーマに変更します。これは将来的に質問オブジェクトによって置き換えられる予定の一時的な機能です(カスタムビューを質問オブジェクトに移すのが非常に簡単になります)。既定では無効になっています。バージョン2.5では、質問と組み込み要素の一部について、テンプレート固有のカスタムビューを作成できます。複数のアンケートの特定の質問タイプのHTMLレイアウトを変更する場合に便利です。*application/config/config.phpで、'config'=>arrayを探し、次の行を配列に加えます。*/{your_template}/config.xmlで、"overwrite_question_views"をtrueに設定します。*application/views/survey/*をtemplate/{your_view_directory}/survey/にコピーします。*変更するファイルのみをコピーする必要がありますが、ファイル構造はapplication/views/survey/と同じでなければなりません。バージョン2.50以降では、config.xmlファイルを使用してプラグインファイルを自動的に読み込むことができます。*/{your_template}/config.xmlで、<css>ブロックまたは<js>ブロックにファイルパスを追加します。