Silverstripe 更好地查看模板

Question

我有一个客户在 Photoshop 上设计的模板。我的审问...当我看到模板时：我可以并排放置 2 个字段吗？我希望 f_firstname 和 f_lastname 在一行中...无论如何可以注入带有诸如 ex 之类的标签或一段代码：div="column1of2" $field_here close div 为 2 个字段设置 2 列？

实际上，生成每个字段的代码都位于不同的行上。那不是很漂亮。可能吗？

我有这个代码：

private static $allowed_actions = array(
    'FormInfolettre'
);

public function FormInfolettre() {
    $fields = new FieldList(
        EmailField::create('f_email', 'Votre courriel'),
        TextField::create('f_firstname', 'Votre prénom'),
        TextField::create('f_lastname', 'Votre nom'),
        TextField::create('f_message', 'Votremessage'),
);

    $actions = new FieldList(
        FormAction::create("Soumettre")->setTitle("Soumettre")
    );

    $required = new RequiredFields(
        array(
            'f_email',
            'f_firstname',
            'f_lastname',
            'f_message',

        ));

    $form = new Form($this, 'FormInfolettre', $fields, $actions, $required);

    return $form;
}

Answer 1

我相信这可以在新版本中通过将您的字段添加到组然后为这些类添加一个类和 CSS 来完成，一个组左对齐，另一个组右对齐。

另外，我前一阵子分叉了一个旧版本的用户表单来完成这个。 https://github.com/helenclarko/silverstripe-userforms

Answer 2

你可以为容器div创建FieldGroups和add extra css classes to the fieldslike

$fields = FieldList::create();

$firstName = TextField::create('FirstName','First Name')->addExtraClass('small-8 medium-4 large-5 columns');
$surname = TextField::create('Surname','Surname')->addExtraClass('small-12 medium-5 large-5 columns');

$nameGroup = FieldGroup::create($firstName, $surname);

$fields->push($nameGroup);

Answer 3

我一直喜欢为表单使用 SilverStripe 模板。为此，我们需要使用 forTemplate 函数来定义模板。使用下面的代码，我们将模板名称设置为 MyForm

<?php

class MyForm extends Form {
    function __construct($controller, $name) {
        ...
    }

    function forTemplate() {
        return $this->renderWith(array(
            $this->class
        ));
    }
}

我们在 themename/templates/Includes 中创建一个 MyForm.ss 模板

表单布局类似于：

<form $FormAttributes>

<% loop $Fields %>
  <% if $Message %><p style="color:red; padding: 0 0 3px 0; margin:0">$Message</p><% end_if %>
<% end_loop %>

<% if $Message %>
  <p id="{$FormName}_error" class="message $MessageType">$Message</p>
<% else %>
  <p id="{$FormName}_error" class="message $MessageType" style="display: none"></p>
<% end_if %>

$Fields.FieldByName(SecurityID)

<div class="row">
  <div class="large-6 medium-6 small-12 columns">
    $Fields.FieldByName(FirstName)
    <small class="error">Please enter your first name</small>
  </div>

  <div class="large-6 medium-6 small-12 columns">
    $Fields.FieldByName(Surname)
    <small class="error">Please enter your surname</small>
  </div>
</div>

<div class="typographyr">
  <button class="button">Submit</button>
</div>

</form>