2017-07-06 12 views
1

Silverstripe CMS(3.6.1)、Framework(3.6.1)を使用しているウェブサイトがあります。私は多くのフィールドを持つ大きなフォームのページを持っています。 UserFormsモジュール(4.0)を使用しています。Silverstripe Userformsカスタムテンプレート(+ブートストラップ)

私の質問は どのようにそれらのフィールドがテンプレートに表示されるように書式設定できますか?ブートストラップグリッドを使用したいので、3つの入力(col-md-4)と他の行(col-md-6)を持つ行があります。私はPSD形式に応じて変換する必要があります。

EDIT1:

私はグループ内のフィールドを追加できることに気づきました。だから私がしたのは: 3つの入力を持つ行のために、私は3つのフィールドを持つグループを追加しました。

これは何とか役立つかもしれませんか?

答えて

2

1つのオプション(核)は、userforms/templatesフォルダのテンプレートをテーマにコピーするか、またはmysite/templatesとし、必要に応じて変更することができます。

userformsモジュールが更新されると、変更をバックポートする責任があることに注意してください。

さらに必要な場合は、$editableFormField->ExtraClass .= 'col-md-6 col-sm-12';などSee hereを使用して、余分なCSSクラスを追加することもできます。私は、4.0.xのバージョンはすべてのフィールドでこれを適用しないかもしれないと信じていますので、まずは最新バージョン(現在は4.4.0)にアップグレードすることをお勧めします。

参考のため、the CWP "starter" themeはブートストラップを使用し、ユーザーフォームで動作します。これにはテンプレートの複製が含まれます。このリポジトリを一般公開することはできません。

+0

こんにちは@Robbie Averill、まずはお返事ありがとうございます。私はこの問題を次のように解決しました。フィールドのイントログループを分割し、余分なクラスをグループに追加して、私が望むデザインを作りました。あなたのソリューションもうまくいくと思います。私はいつか彼らに撃ちます。 –

関連する問題