dateTimePicker如何修改宽度

Jmix
#1

在编辑界面中，将编辑信息分成了四列展示，如何让dateTimePicker输入框缩短一些和上边那几行对齐？
图片

#2

在英文论坛提了个：Align DateTimePicker width in Form - Support - Jmix

目前可以用 CSS 设置 dataTimePicker 的宽度为 70% 左右暂时用着。 也可以通过下面的css调整其中两个field的宽度：

vaadin-date-time-picker > vaadin-date-picker{
    max-width: 35%;
}

vaadin-date-time-picker > vaadin-time-picker{
    max-width: 20%;
}
#3

好的，谢谢

#4

根据GitHub的这个回复，还可以这样解决：

  1. 在你的样式文件中，定义 data-time-picker 的最大宽度为 100%:

    vaadin-date-time-picker{
    max-width: 100%;
}

  2. 在 frontend->themes->[你的主题名] 目录创建一个名为 components 的目录（目录名也必须是这个），然后添加一个 vaadin-form-item.css（文件必须严格按照这个命名）：
    image

    文件内容如下：

    #content{
    min-width: 0;
}

效果：
image

#5

按照你的方法试了一下，还是不行
图片
图片
图片

#6

在项目里面搜一下 @Theme 看看是怎么配置的？比如我的：
image

#7

我可能知道你的问题了，newTheme 是我的主题，你的是 iom-sm，所以你的需要把 components 目录放到 iom-sm 下：
image

要注意看我的回复：
image

#9

各个位置，我都尝试了一下，都不行

#10

给你个示例项目吧，你自己对比一下，运行起来，打开 Student，点 create，dateTimePicker 在 student-detail 视图里。

dtp.zip (118.9 KB)

#12

已解决，原因是jmix版本太低的缘故