Установите местозаполнитель и переименуйте кнопку просмотра - PullRequest
Новая
       84

Установите местозаполнитель и переименуйте кнопку просмотра

1 голос
/ 09 мая 2020

Я использую комплект Vich Uploader для SF 4.0 в Bootstrap. Я хочу установить заполнитель и переименовать кнопку «Обзор».

Я пытался:

  • Использовать атрибут 'placehoder' (FormType. php) 
{{ form_widget(form.imageFile, { 'attr': {'class': 'form-control', 'placeholder': "Please attach picture"}} ) }}
  • Добавить заполнитель 'вариант (ошибка) или вариант метки (ничего не менять)

Как я могу это сделать?

Пожалуйста, найдите ниже мой код

FormType. php

->add('imageFile', VichFileType::class, [])

_form. html .twig 

{{ form_widget(form.imageFile, { 'attr': {'class': 'form-control'}} ) }}
{{ form_errors(form.imageFile) }}

1 Ответ

0 голосов
/ 12 мая 2020

Я полагаю, вы используете bootstrap 4; Я использую webpack для перекомпиляции bootstrap для своих нужд и добавляю этот код s css перед включением bootstrap .s css: 

$custom-file-text: (
        en: "Browse",
        it: "Sfoglia"
);

// Bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";

Таким образом я могу перевести или изменить загрузку файла кнопка. Вы можете персонализировать другой аспект Bootstrap, используя этот метод, см. Bootstrap онлайн-документацию

Если вы не используете webpack, вы должны получить тот же результат, добавив этот css после включения bootstrap css

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input:lang(it) ~ .custom-file-label::after {
  content: "Sfoglia";
}

Требуется одна запись для каждого языка, поддерживаемого вашим Symfony 4 приложением

...