Symfony von Styling-Zeit-Widgets

Ich versuche derzeit, ein Formular zu stylen, das von Symfony Form Builder generiert wird.Symfony von Styling-Zeit-Widgets

Es gibt ein Bootstrap-Overlay, aber ich möchte die Zeitwidgets so verschieben, dass sie nebeneinander ausgerichtet sind. unabhängig mit

form_row(form.yourinputname)

form_row ist die Kombination des Labels Feld, Fehler und Widget

Quelle

2016-08-22 Vincent T

hilft es möglich ist, Ihren Formulartyp zu sehen? – DOZ

@DOZ siehe Update –

Dank bearbeite ich meine Antwort – DOZ

Sie können jeden Eingang des Formulars angezeigt werden soll.

Sie können die doc sehen diesen

EDIT:

Also, wenn Sie einige Widgets in einer Zeile angezeigt werden soll, dies tun (Sie haben eine Schleife zu verwenden, um jede Eingabe angezeigt werden Ihre Form Sammlung):

<style type="text/css"> 
    .myClass{ 
     .inline{ 
     display: inline-block; 
     } 
    } 
</style> 

<div class='myClass'> 
    {% for business in form.businesshours %} 
     <div class="inline">{{ form_row(business.day) }}</div> 
     <div class="inline">{{ form_row(business.openTime) }}</div> 
     <div class="inline">{{ form_row(business.breakStart) }}</div> 
     <div class="inline">{{ form_row(business.breakEnd) }}</div> 
     <div class="inline">{{ form_row(business.closeTime) }}</div> 
    {% endfor %} 
</div>

Quelle

2016-08-22 13:52:12 DOZ

Dies löst nicht wirklich das Problem, es ist nur eine andere Möglichkeit, das Formular zu rendern, aber das Styling bleibt gleich, das Ziel ist es, die Zeit Widgets in einer Zeile zu bekommen:/ –

Mit form_row können Sie die Eingabe separat anzeigen, so dass Sie nach diesem css Zeit Widget in einer Zeile ausrichten können, siehe meine Bearbeitung bitte – DOZ

dies wird nur 'form_row (business.day)' drucken nicht das Widget –

HTML Fügen Sie jede Form Zeile zu bewegen. (Gleiche Antwort wie @DOZ, aber mit Bootstrap-Klassen).

entfernen {{ form_row(form.businessHours) }} und:

<div class="row"> 
    <div class="col-xs-3"> 
     {{ form_row(form.businessHours.Begin) }} 
    </div>  
    <div class="col-xs-3"> 
     {{ form_row(form.businessHours.BeginPauze) }} 
    </div>  
    <div class="col-xs-3"> 
     {{ form_row(form.businessHours.EindPauze) }} 
    </div>  
    <div class="col-xs-3"> 
     {{ form_row(form.businessHours.Einde) }} 
    </div>  
</div>

Quelle

2016-08-22 14:08:08 Alsatian

This würde funktionieren, aber ich kann nicht auf diese Zeilen zugreifen, da es ein Teilformular ist, siehe mein Update^ –

Antwort aktualisiert. – Alsatian

Dies scheint nicht zu funktionieren, hoffte, dass es so einfach war –

http://symfony.com/doc/current/form/form_customization.html#how-to-customize-an-individual-field

In diesem Abschnitt ein Teil ist die Anzeige einer einzelnen Zeile zu überschreiben, wenn Sie etwas ähnliches und gibt dem div eine Klasse versuchen sind Ihr eigenes würden Sie wahrscheinlich css verwenden, um es zu stylen.

Dies scheint die Seite zu sein, die für Form-Styling und Anpassung verwendet wird.

Hoffen, dass es

{% form_theme form _self %} 
{% block _datetime_row %} 
<div class="your_class"> 
{{ form_label(form) }} 
{{ form_errors(form) }} 
{{ form_widget(form) }} 
</div> 
{% endblock %} 

{{ form_row(form.name) }}

Quelle

2016-08-22 14:40:35 Cody56

Symfony von Styling-Zeit-Widgets

Antwort

Verwandte Themen