List Control responsive like grid

WEB TMS WEB Core
1

Hi,

I need a control responsive for display a list of records.

Something like TLIstView of Firemonkey.

I can do this with TTMSFNCGrid but this control is not responsive.

I try to do this with TWebDBResponsiveGrid but i think that this control is oriented to display records in card format... and i want only one "card" for line. Like a line of grid.

This needed is for to view the list in one device like smartphone and the user can use the list in touch mode...

What control can use for this purpose ?

Thanks

2

I'm not sure I understand what exact responsive behavior you want.
You want multiple columns? You want what specific behavior with these columns?

3

Hi Bruno,

The issue is more of a conceptual issue that I don't know how to approach correctly in TMS WebCore with the controls available.

I explain the project in a schematic way:

My project is based on a screen where I have a top panel where the user can enter a series of filters and has a button to execute the query.

The query is obtained from the server and is currently displayed in a TTMSFNCGrid control, which is made up of several columns.

This screen is designed to be used from a browser on a PC with a monitor of X inches, etc.

If the user reduces the screen, the grid adapts to a certain point because one of the columns of the grid is reduced or enlarged automatically.

So far so good...

The problem comes when this screen is executed in a browser on a smartphone device, which has much smaller dimensions than the monitor, especially in width.

As for the panel where the user inputs the filters, I have already solved it using the TTMSFNSResponsiveManager mechanism...

With this, when it is detected that the width of the screen is less than x pixels, I reposition the edit controls and buttons so that they appear correctly.

But the grid appears cut off because it is not able to adapt to such a small width.

Also, perhaps the FNCGrid is not the appropriate component to be used on a touch device? since on these devices the user prefers to scroll by dragging with the finger instead of using the scroll bar on the right, which on the grid is not very wide.

In Firemonkey applications for smartphones, the TListView component is often used, so I was asking if there is a similar control that I can use.

I have tried the TDBResponsiveGrid control in which I can make the information appear with html code and so perhaps I could do something that makes the information appear more or less columned when I am on a large monitor and the information is redistributed in two or three lines when the width is greatly reduced, but I always want one record to appear per line and sometimes it shows me two or three because the control automatically adapts to the width.

I hope I have explained myself better this time...

Thanks

4

Perhaps you can use a TWebListControl where you add the record information to each item in the list control with HTML for which a responsive behavior is defined (like folding to two rows when the width is too small)?