ndc: BarcodeScannerButton not allowed to be placed in Form Content

[Georgi]

Hello everyone, 
I am using a Smart Form where the user should enter a couple of details and 2 of them he/she should be able to scan. Unfortunaltey when I place the BarcodeScannerButton next to the Input field, I get an Error that the BarcodeScannerButton is not allowed to be placed in the Form Content. 

Is there any workaround on this issue? I don't like to nest multiple Flex/Vbox/Hbox layouts just to show my data as in a Simple Form. 

Can I disable this check with some property?

@qmacro @OliverGraeff 

[Noel_Hendrikx]

Hi Nusch, could you share some code please?

[Georgi]

Hi Noel,

 <core:Title id='inputSection1' text="Eingabefelder" />

                    <Label id='confLabel' text="{i18n>confirmationNumber}" />

                    <Input id="confInput"/>

                     <ndc:BarcodeScannerButton

                                id="confScan"

                                scanSuccess="onScanSuccess"

                                scanFail="onScanError"

                                inputLiveUpdate="onScanLiveupdate"

                                dialogTitle="{i18n>confirmationNumber}"

                            />

The error then in the console is:
Error: Element sap.ndc.BarcodeScannerButton#container-zppleanmes---MainView--confScan is not a valid Form content! Only use valid content in Element sap.ui.layout.form.ColumnLayout#container-zppleanmes---MainView--SimpleFormChangeColumn_twoGroups234--Layout

If I place it out of the Simple Form, I am able to see and use it as expected.

[Noel_Hendrikx]

I also have a SimpleForm with a Label, Inputfield and custom control. It does not complain about it is not allowed. How did you specify your SimpleForm?

    <Label id='confLabel' text="{i18n>confirmationNumber}" />

    <Input id="confInput">

        <layoutData>

            <l:GridData span="L5 M5 S5" />

        </layoutData>

    </Input>

    <ndc:BarcodeScannerButton id="confScan"

        scanSuccess="onScanSuccess"

        scanFail="onScanError"

        inputLiveUpdate="onScanLiveupdate"

        dialogTitle="{i18n>confirmationNumber}">

        <layoutData>

            <l:GridData span="L1 M1 S1" />

        </layoutData>

    <ndc:BarcodeScannerButton>

[Georgi]

Nothing special on the specification of the simple form:

[Noel_Hendrikx]

Did you try the <layoutData> <l:GridData span="L1 M1 S1" /> </layoutData>

[Georgi]

I guess, that the issue is caused by the ndc:BarcodeScannerButton not implementing the form Content interface: https://sapui5.hana.ondemand.com/#/api/sap.ui.core.IFormContent

[Noel_Hendrikx]

My custom component does not implement it as well and it works...

[Georgi]

Which ui5 library version are you using?
Is you custom component inheriting from or extending a standard component?

[Noel_Hendrikx]

I am using 1.71.x and my custom component extends from sap/ui/core/Control

[Georgi]

This is a way too lower version. I think the Eslint is much more strict since 1.xx. Furthermore the Barcodescanner is also not available on 1.71, but thanks anyway!

[Noel_Hendrikx]

If it works for 1.71.x it should work for higher versions as well (unless it is deprecated)