How to add a Flight booking screen in Constellation?

  • In constellation how can we design a view like to book a flight as in source and destination (dropdown)then a calendar field to select travel date and a search button?

We can use Search and Select Pattern in Constellation to design this screen.

Data Reference (Page/PageList)-> Search and Select

Design time:

Run time:

Hi @RameshSangili here both source and destination fields i need as dropdown is that possible?like from 1 dropdown need to select source city and other dropdown should show destination city

Yeah, we can use any number of fields as Search filters as long as they are present in the data type. To get them as dropdown, they need to be configured as Picklist and set the source of that picklist as a data page that fetches the options.

to break it down it starts with your data model

Search and Select shows the fields based on how they were defined in your data model - so if you’re expecting picklist, then it should be defined as such. You can see that come through in the UX tab of your designer (category is picklist, name is text)

Yes, it’s possible. I shared a sample screenshot.. however you can modify the required fields as per your requirements.