Problem with datefield layout

Hello. I have problem with component “datefield”. For some reason, the date and time value does not appear in the same field
1
Why? I do everything as in the documentation?

Hi
Where did you put that component in, FieldGroup?

regards

I try everything. Put in FieldGroup, in Layout

Could you please check the fieldGroup and the component’s width property? is it default or you changed it to smaller? If it is happening to all the cases, you may consider sending a demo program to check if I can help.

Hello @sh.a.askarova

What do you mean by “does not appear in the same field”? Are two separate inputs confusing you?

Could you describe your case more clear and share a case described by your screenshot?

Regards,
Daniil.

it is happening to all the cases

I want this field to look like this
1
but it looks like in the previous screenshot

Hi,

Can you provide a new small sample project that shows the problem?

Thanks
Mario

What version of CUBA.platform do you use?

As @mario said some project can help to investigate the problem.

Regards,
Daniil.

I’m using version 6.9.5. I created an example project, but everithing is fine there. But in my project like in my screenshot. Here is the part of the xml file I am building.

				<field dateFormat="dd.MM.yyyy HH:mm"
                      property="stationArrivalTime"/>
               <field dateFormat="dd.MM.yyyy HH:mm"
                      property="giveTime"/>
               <field dateFormat="dd.MM.yyyy HH:mm"
                      property="openTime"/>
               <field dateFormat="dd.MM.yyyy HH:mm"
                      property="warehouseDeliveryTime"
                      required="true"/>
           </column>
       </fieldGroup>`

And it look like this
1

We are not able to reproduce the problem if it’s not reproduced in an example project.

Could you share the full screen layout?

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!--
  ~ Copyright (c) 2008-2018 Haulmont.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
<window xmlns="http://schemas.haulmont.com/cuba/window.xsd"
        datasource="acceptanceActTransportDocumentDs"
        focusComponent="fieldGroup">
    <dsContext>
        <datasource id="acceptanceActTransportDocumentDs"
                    class="kz.gis.vvtapi.details.AcceptanceActTransportDocument"
                    view="acceptanceActTransportDocument-view-dependency"/>
        <collectionDatasource id="dicCategoriesDs"
                              class="kz.gis.vvtapi.dic.entity.DicCategory"
                              view="_minimal">
            <query>
                <![CDATA[select e from vvtapi$DicCategory e where e.code like '%К2.Р3.П1%' ORDER BY e.code,e.name]]>
            </query>
        </collectionDatasource>
        <collectionDatasource id="dicTypesDs"
                              class="kz.gis.vvtapi.dic.entity.DicSample"
                              view="_minimal">
            <query>
                <![CDATA[select e from vvtapi$DicSample e where e.category.id = :ds$dicCategoriesDs order by e.name]]>
            </query>
        </collectionDatasource>
    </dsContext>
    <dialogMode closeable="true"
                height="600"
                modal="false"
                resizable="true"
                width="800"/>
    <layout expand="scrollBox"
            spacing="true">
        <scrollBox id="scrollBox"
                   spacing="true">
            <fieldGroup id="fieldGroup"
                        datasource="acceptanceActTransportDocumentDs"
                        width="100%">
                <column width="350px">
                    <field optionsDatasource="dicCategoriesDs"
                           property="dicCategory"/>
                    <field optionsDatasource="dicTypesDs"
                           property="dicType"/>
                    <field property="sign"/>
                    <field property="mark"/>
                    <field property="stamp"/>
                    <field property="placesCount"
                           required="true"/>
                    <field property="packageType"
                           required="true"/>
                    <field property="containerNumbers"/>
                    <field property="dispatchWeight"/>
                    <field property="roadWeight"/>
                    <field property="specialNotes"
                           rows="5"/>
                    <field dateFormat="dd.MM.yyyy HH:mm"
                           property="stationArrivalTime"/>
                    <field dateFormat="dd.MM.yyyy HH:mm"
                           property="giveTime"/>
                    <field dateFormat="dd.MM.yyyy HH:mm"
                           property="openTime"/>
                    <field dateFormat="dd.MM.yyyy HH:mm"
                           property="warehouseDeliveryTime"
                           required="true"/>
                </column>
            </fieldGroup>
        </scrollBox>
        <frame id="windowActions"
               screen="editWindowActions"/>
    </layout>
</window>

how can I resolve this problem? maybe I need to set some settings?

Hello @sh.a.askarova

It’s really hard to say what is wrong without real case.

I suggest that some custom sizes are configured for these fields. Are there custom logic related to these fields in screen controller?

Or maybe theme extension exists in the project where issue reproduces?

The following screenshot describes which CSS rules affect the DateField appearence.

datefield_glitch

You can try to change some properties and check how it affects fields.

Could you try to check the problem with the latest CUBA.platform version?

Regards,
Daniil.

Thank you for help with resolve this problem