新在Symfoob娱乐下载ny 4.4:引导自定义开关
发表的
哈维尔Eguiluz
哈维尔Eguiluz
ob娱乐下载Symfony提供了一个基于引导4的主题作为一个可选的主题可以使用风格应用程序形式。在Syob娱乐下载mfony 4.4我们改进的支持引导自定义开关
开关,也叫翻转开关和切换,是一种常规的风格复选框让他们看起来更现代和动态。你可能已经看到他们在很多智能手机应用程序和网站:
使用它们在Symfony的形式,确保使引ob娱乐下载导4主题和添加switch-custom标签的CSS类CheckboxType表单字段:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
名称空间应用程序\形式\类型;使用ob娱乐下载\组件\形式\AbstractType;使用ob娱乐下载\组件\形式\扩展\核心\类型\CheckboxType;使用ob娱乐下载\组件\形式\FormBuilderInterface;类BlogPostType扩展AbstractType{公共函数buildForm(FormBuilderInterface美元构建器数组,美元选项){美元构建器/ /……- >add (“发布”,CheckboxType::类,“label_attr”= > [“类”= >“switch-custom”)));}}评论
@Martin,由于引导文档,在文档你只有输入的自定义文件。欧宝官网下载app但他们暴露2可能性复选框,无线电(现在3切换)。
这就是为什么当复选框和收音机的自定义输入我们允许实现可用性选择(非定制违约)。但输入文件实现之前,强迫自定义字段。
https://getbootstrap.com/docs/4.3/components/forms/ checkboxes-and-radios
https://getbootstrap.com/docs/4.3/components/forms/ checkboxes-and-radios-1
https://getbootstrap.com/docs/4.3/components/forms/首先
这就是为什么当复选框和收音机的自定义输入我们允许实现可用性选择(非定制违约)。但输入文件实现之前,强迫自定义字段。
https://getbootstrap.com/docs/4.3/components/forms/ checkboxes-and-radios
https://getbootstrap.com/docs/4.3/components/forms/ checkboxes-and-radios-1
https://getbootstrap.com/docs/4.3/components/forms/首先
好游戏,谢谢!
之前我做的block_prefix属性与自定义字段(块),现在就更简单:)
之前我做的block_prefix属性与自定义字段(块),现在就更简单:)
好,谢谢! ! !
@Mathieu
真的,引导只有这一个文件输入,但它是什么一团糟(UX-wise)
——你不能看到你上传的文件的名称
——你不能看你添加了一个文件
——你可以不删除一个文件时选择
这是一个正常的浏览器文件输入容易。
现在,删除的唯一途径是通过删除定制表单SCSS从引导(但这也删除自定义检查/收音机)。
所以我真的想要一些如何“custom-file-input”(好其默认启用)
真的,引导只有这一个文件输入,但它是什么一团糟(UX-wise)
——你不能看到你上传的文件的名称
——你不能看你添加了一个文件
——你可以不删除一个文件时选择
这是一个正常的浏览器文件输入容易。
现在,删除的唯一途径是通过删除定制表单SCSS从引导(但这也删除自定义检查/收音机)。
所以我真的想要一些如何“custom-file-input”(好其默认启用)
@Martin
和一个默认的文件输入我的知识,比如https://developer.mozilla.org/en/docs/Web/HTML/Element/Input/file,唯一缺失的行为是diaplay由于主题选择的文件名(通常很多文件输入自定义)。
你很容易能做到这个javascript代码片段:
$ (' .custom-file-input ')。(“改变”,函数(){
= $ var文件名(这).val ();
$ (). next (“.custom-file-label”) . html(文件名);
});
和一个默认的文件输入我的知识,比如https://developer.mozilla.org/en/docs/Web/HTML/Element/Input/file,唯一缺失的行为是diaplay由于主题选择的文件名(通常很多文件输入自定义)。
你很容易能做到这个javascript代码片段:
$ (' .custom-file-input ')。(“改变”,函数(){
= $ var文件名(这).val ();
$ (). next (“.custom-file-label”) . html(文件名);
});
太棒了!由于Romaric
这样一个伟大的事情!谢谢!
评论都关门了。
以确保评论保持相关,他们关闭了旧的帖子。
https://github.com/ob娱乐下载symfony/symfony/blob/4.4/src/
ob娱乐下载Symfony /桥/理解/资源/视图/形式/ bootstrap_4_layout.html.twig # L136
Romaric Drigon is a certified Symfony engineer.
Get certified! Online exams available in all countries.
Register Now