Grid layout for XML View

[former_member300747]

Hi,

I want to know how to partition a Grid layout as per our requirement.

Say for example, I have first three input fields along with the label. The next row has input field with label, search button and a barcode button in the same row.

Is Grid the only way to achieve this !? Or, is there any other approach?

Note: [ I want it to be responsive ]

[Former Member]

Hi,

You can create different grids and in that you can use Horizontal and vertical layouts.

[Former Member]

Hi,

You can go through the below mentioned links:

SAPUI5 Explored

https://sapui5.netweaver.ondemand.com/#test-resources/sap/ui/layout/demokit/Grid.html

Regards,

Kuldeep

[former_member300747]

Hi Kuldeep Singh,

I have gone through it already. But that is not my requirement.

[Former Member]

Hi,

You want like this please find below the images:

[former_member300747]

Hi,

I want it to be like the one specified above.

[former_member182372]

JS Bin - Collaborative JavaScript Debugging

[saivellanki]

Hi Shruthi,

Will this sample help? Plunker

Regards,

Sai Vellanki.

[former_member300747]

Hi Sai Vellanki,

I meant, the first three rows are input fields along with the label.

The skeleton of my requirement is as shown below.

label : input

label : input

label : input

label : input searchButton barcodeBtn