SilverStripe更好地查看模板

Question

我在Photoshop上从客户端具有设计模板。我的审讯...当我看到模板是：我可以并排放2个字段吗？我想在一行上使用f_firstname和f_lastname ...无论如何都可以在ex：div =" column1of2" $ field_here CLOSE closediv 有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

您可以为容器div创建现场组，然后在

之类的字段中添加额外的CSS类

$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 2

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

另外，我稍后派出了一个较旧版本的用户形式，以实现这一目标。https://github.com/helenclarko/silverstripe-userforms

Answer 3

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

<?php
class MyForm extends Form {
    function __construct($controller, $name) {
        ...
    }
    function forTemplate() {
        return $this->renderWith(array(
            $this->class
        ));
    }
}

我们创建 myform.ss themEname/templates/include

中的模板

表单布局将是：

<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>