Listview seat design help me

Hi, I need to make a plan to sit on the bus using horizontal sflistview. I'm getting the number of seats from the database.

I did not use ListView in this example.
I show a few examples ;

My Database;
It must be according to the seat sequencing database.

xml listview page code's :


10 Replies

RS Rawoof Sharief Muthuja Sherif Syncfusion Team March 21, 2018 12:05 PM UTC

Hi Alperen, 
 
We have checked your query but could not clearly understand your requirement. Also, the attached images are not viewable and information provided in the query is not enough to analyze. So, could you please share more information about your requirement which will help us to analyze better. 
 
Regards, 
Rawoof M. 
 



AE Alperen Eker March 21, 2018 12:10 PM UTC


ezgif deleted gif :( 
this is the ListView I want. I want to do this with the data coming from the database.



MK Muthu Kumaran Gnanavinayagam Syncfusion Team March 22, 2018 05:41 PM UTC

Hi Alperen, 
 
The image or gif file which you have attached in your earlier updates are not loaded properly. So could you please share the attached image in a compressed(.zip, .rar) file which would be helpful for us to understand your requirement and provide solution accordingly. 
 
If your requirement is load the list of scrollable items in the View with the specified number of items in a row, we would suggest you to achieve your requirement using GridLayout in SfListView. You can use the GestureRecognizers in Xamarin.Forms to modify the image source which is tapped to select the bus seat in your sample application. 
 
You can refer the below UG link for further details. 
 
 
Please let us know if you require further assistance. 
 
Regards, 
G.Muthu kumaran. 



AE Alperen Eker March 22, 2018 09:19 PM UTC

What I want to do is. I need to get the row and column from the database and place it in the coordinates in the listview, and this listview should be horizontal. but I failed. I could not understand why. The gif I respond to tells me what I want to do. I want to draw a gif view with the data coming from the database. For example, there are 40 seats in the database. I want to get 40 seats in view of the listviewde bus. thank you. I hope I could tell you my problem.



AE Alperen Eker March 23, 2018 06:40 AM UTC

SFListView horizontal room is what I want to do


Attachment: Pages_71e62d27.rar


MK Muthu Kumaran Gnanavinayagam Syncfusion Team March 24, 2018 05:45 AM UTC

Hi Alperen, 
 
Based on your requirement, we have prepared a sample to achieve the bus seating layout using SfListView. In our sample, we have loaded the items in GridLayout of SfListView with 2 images per list item. The Orientation of SfListView is set to ‘Horizontal’. As you have mentioned that you are getting the number of seats from the DataBase, you can set it to the ItemsSource collection of SfListView. We have loaded 20 items into ItemsSource collection to bring in 40 seats like layout as each items contains 2 images. As mentioned in our previous update, you can use the GestureRecognizers to select the seat accordingly. 
 
You can download the sample from the below link. 
 
 
Please let us know if you require further assistance. 
 
Regards, 
G.Muthu kumaran. 



AE Alperen Eker March 24, 2018 07:37 AM UTC

teşekkür ederim syncfusion. Hayatımı kurtardığın için teşekkür ederim :)



MK Muthu Kumaran Gnanavinayagam Syncfusion Team March 26, 2018 04:08 AM UTC

Hi Alperen, 
 
Thanks for the valuable response. 
 
Regards, 
G.Muthu kumaran. 



YU yusuf November 27, 2018 12:34 PM UTC

Hi
You can update this sample?  
i have do same problem


JN Jayaleshwari N Syncfusion Team November 28, 2018 12:12 PM UTC

  
Thanks for Contacting Syncfusion Support. 
  
We have already considered a task to modify the horizontal orientation sample in GridLayout. We will update the sample in our next release 2019 Volume 1 which is expected to be rolled out by the mid of March, 2018. We appreciate your patience until then.  
  
Regards,  
Jayaleshwari N 


Loader.
Up arrow icon