DataBand drag drop not work in JS designer

[d-hcelik]

Hi
In my template data band is covered red area,Instead of all red are I want data band work in one line-row-area(yellow area) as you can see in databand.png attachment file

I tried to drap drop databand component but it does not work js designer
how can I handle this?

I want to databand work only for this texts

"Name": "Text21","Name": "Text22","Name": "Text23","Name": "Text24","Name": "Text25","Name": "Text26","Name": "Text27","Name": "Text28","Name": "Text29","Name": "Text30","Name": "Text31",

[Lech Kulikowski]

Hello,

In that case, you can use Header component.

Thank you.

[d-hcelik]

header component is only using for header,not using as databand ?

[Lech Kulikowski]

Hello,

DataBand component is showing for each row from the data source.
If you place on it header information and data information that will show for each record.

To show header information only once - you should use the Header component.

Thank you.

[d-hcelik]

So you suggested me to add all yellow area to header componenent?
thansk

[Lech Kulikowski]

Hello,

Yes.

[d-hcelik]

hello why second line is seperated?
there is space,how can I remove space beetween lines ?
thanks

[HighAley]

Hello,

As we see the size of the Data Band is larger that the Text components on it.
The position of the bands in the design mode is not the same you will see in the report.

Thank you.