I want to insert like below wireframes in outsystem for flight system
Application Type
Traditional Web, Mobile

I want to have below UI in my application like one flight image at source station and another at destination station.

MicrosoftTeamsimage.png

Just start by seeing all the pieces/blocks of information which will be containers containing containers and containers containing information. e.g. you could use a 2-column pattern, or you might prefer to have a container that contains 2 containers with fixed height and scroll bar. 

You need a List containing Flights, a webblock to show a Flight on the list. an icon or image for the plane. A line. 

And when you have your information on screen you can tweak your UI a bit, e.g. by using the browsers developers console, and copy the changed styling into your Applications StyleGuide.

Good luck, but take care about copyrights. 

Hi ,

According to your UI, please use widgets as following

1) Accordion

2) 2 Columns

3) Icons

4) Badge

5) User Initials


This will fulfill your UI Part

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.