Join our Discord server for community support and discussions Icon description

Replicating Food Delivery App UI with Uno Platform

Welcome to this article! 👋 Together, we will develop a mobile user interface using Uno Platform XAML. As you might know, the XAML Uno Platform uses is 100% aligned with XAML used for WinUI and UWP applications. Even if you are more familiar with other XAML variations, such as Xamarin.Forms / MAUI or WPF, you will find it very familiar. It is the default XAML used by modern Windows applications. 

Since introducing our Figma plugin, Uno Platform has slowly shifted to introducing Figma as the starting point for new project product design and high-fidelity prototyping. However, using Figma is not a default entry point for developing UI with Uno Platform. On the contrary, we have been deploying consumer-facing mobile apps using only XAML for over 13 years with our parent agency, nventive. With this article, we’d like to show you what you can do with Uno Platform alone.

Food Delivery Sample App

We will divide this article into different sub-topics, which are as follows:

  • Analyzing the visual structure of the user interface.

  • Code explanation: We will see step by step each one of the components obtained from the analysis, and we will learn how to convert it to XAML code.

Breaking Down the Visual Structure of the UI

Alex Pesenka created the UI we are replicating, and you can see the reference on Dribbble.

For a better understanding, we will explain how to translate each of these blocks into functional code. The structure will be divided into three blocks:

  1. Profile

  2. Menu to Eat

  3. Recommended

To begin, we will add the main layout structure in which we will add all the code blocks explained in this article; in this case, we will use a Grid.

				
					<!-- Page layout structure-->
<Grid Padding="30,30,30,0" ColumnSpacing="20" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto" ColumnDefinitions="*,*,Auto">
    <!-- Add the "Profile main elements" code block"-- >
    <!-- Add the "Menu to eat" code block"-- >
    <!-- Add the "Recommended" code block"-- >
 </Grid>

Code Explanation

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6Ijc2ZDE1NzU0IiwiZWxUeXBlIjoid2lkZ2V0Iiwic2V0dGluZ3MiOnsiZWRpdG9yIjoiPHA+Tm93IHRoYXQgd2UgaGF2ZSB0aGUgbWFpbiBsYXlvdXQgc3RydWN0dXJlIHJlYWR5IGxldFx1MjAxOXMgc3RhcnQhPFwvcD48cD5JbiB0aGlzIGJsb2NrLCB3ZSB3aWxsIGJ1aWxkIGFsbCB0aGUgZWxlbWVudHMgb2YgdGhlIGFwcGxpY2F0aW9uJ3MgaGVhZGVyLiBJdFx1MjAxOXMgY29tcG9zZWQgb2YgdGhyZWUgZGlmZmVyZW50IGVsZW1lbnRzLCB3aGljaCBJIG1lbnRpb24gYmVsb3c6PFwvcD48b2w+PGxpPjxwPjxzdHJvbmc+UHJvZmlsZSBJbWFnZTxcL3N0cm9uZz48XC9wPjxcL2xpPjxsaT48cD48c3Ryb25nPlNlYXJjaCBCdXR0b248XC9zdHJvbmc+PFwvcD48XC9saT48bGk+PHA+PHN0cm9uZz5Mb2NhdGlvbiBCdXR0b248XC9zdHJvbmc+PFwvcD48XC9saT48XC9vbD48cD5MZXQncyBsb2NhdGUgdGhlc2UgZWxlbWVudHMgZ3JhcGhpY2FsbHk6PFwvcD4iLCJ0eXBvZ3JhcGh5X3R5cG9ncmFwaHkiOiJjdXN0b20iLCJ0eXBvZ3JhcGh5X2ZvbnRfZmFtaWx5IjoiUm9ib3RvIiwidHlwb2dyYXBoeV9mb250X3dlaWdodCI6IjQwMCIsInRleHRfY29sb3IiOiIjMjQyNDI0In0sImVsZW1lbnRzIjpbXSwid2lkZ2V0VHlwZSI6InRleHQtZWRpdG9yIn0="]

Let's Start Coding

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjY1MTZkNzYiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8cD5XaGVuIGV4ZWN1dGluZyB0aGUgY29kZSBpbmRpY2F0ZWQgYWJvdmUsIHlvdSB3aWxsIGhhdmUgYSByZXN1bHQgbGlrZSB0aGUgZm9sbG93aW5nOjxcL3A+IiwidHlwb2dyYXBoeV90eXBvZ3JhcGh5IjoiY3VzdG9tIiwidHlwb2dyYXBoeV9mb250X2ZhbWlseSI6IlJvYm90byIsInR5cG9ncmFwaHlfZm9udF93ZWlnaHQiOiI0MDAiLCJ0ZXh0X2NvbG9yIjoiIzI0MjQyNCJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJ0ZXh0LWVkaXRvciJ9"] 
				
					<!-- Profile image-->
        <Image Grid.Column="0" Grid.Row="0" HorizontalAlignment="Left" Source="mari" Height="50" Width="50" />
        <!-- Search and Book Buttons-->
        <Button Grid.Column="1" Grid.Row="0" Background="#1a204e" Height="50" Width="50" CornerRadius="25" HorizontalAlignment="Right">
            <Image Source="find"/>
        </Button>
        <!-- Location Button-->
        <Button Grid.Column="2" Grid.Row="0" Background="#1a204e" Height="50" Width="50" CornerRadius="25" HorizontalAlignment="Right">
            <Image Source="book"/>
        </Button>

<!-- Add here the following block of code -- >
This image shows the visual previews of the code presented in the emulator.

Block 2

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjBiY2NiOWYiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8cD5MZXQncyBjb250aW51ZSB3aXRoIHRoZSBzZWNvbmQgYmxvY2s7IGluIHRoaXMgY2FzZSwgdGhlIFVJIG5lZWRzIHRvIHByZXNlbnQgdGhlIGRpZmZlcmVudCBlYXRpbmcgb3B0aW9ucy4gQW5hbHl6aW5nIHRoZSBlbGVtZW50cyB0aGF0IHdlIHdpbGwgcGFzcyB0byBjb2RlIHRoaXMgaGFzIHRoZSBmb2xsb3dpbmc6PFwvcD48dWw+PGxpPjxwPjxzdHJvbmc+R3JlZXRpbmcgTGFiZWw8XC9zdHJvbmc+PFwvcD48XC9saT48bGk+PHA+PHN0cm9uZz5XZWxjb21lIGxhYmVsPFwvc3Ryb25nPjxcL3A+PFwvbGk+PGxpPjxwPjxzdHJvbmc+RnJhbWVzOiA8XC9zdHJvbmc+VHdvIHVwcGVyIGZyYW1lcyBpbiB3aGljaCB0aGV5IGFyZSBwcmVzZW50ZWQ6PFwvcD48dWw+PGxpPjxwPkZvb2QgaW1hZ2U8XC9wPjxcL2xpPjxsaT48cD5Gb29kIENhdGVnb3J5PFwvcD48XC9saT48bGk+PHA+UmVzdGF1cmFudHNcdTIwMTkgYXZhaWxhYmxlIGRlc2NyaXB0aW9uPFwvcD48XC9saT48XC91bD48XC9saT48bGk+PHA+PHN0cm9uZz5Ib3Jpem9udGFsIEZyYW1lPFwvc3Ryb25nPiB0byBzZWUgYWxsIHRoZSBjYXRlZ29yaWVzOyBpdCBoYXMgYSBMYWJlbCB3aXRoIGEgZ2VuZXJhbCBkZXNjcmlwdGlvbiwgYW5vdGhlciBMYWJlbCBmb3IgdGhlIG51bWJlciBvZiBjYXRlZ29yaWVzLCBhbmQgYW4gaWNvbi48XC9wPjxcL2xpPjxcL3VsPjxwPkxldCdzIGxvY2F0ZSB0aGVzZSBlbGVtZW50cyBncmFwaGljYWxseTo8XC9wPiIsInR5cG9ncmFwaHlfdHlwb2dyYXBoeSI6ImN1c3RvbSIsInR5cG9ncmFwaHlfZm9udF9mYW1pbHkiOiJSb2JvdG8iLCJ0eXBvZ3JhcGh5X2ZvbnRfd2VpZ2h0IjoiNDAwIiwidGV4dF9jb2xvciI6IiMyNDI0MjQifSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoidGV4dC1lZGl0b3IifQ=="]

Let's Start Coding

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjU3YmEzMWIiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8aDU+PHN0cm9uZz5HcmVldGluZyBhbmQgV2VsY29tZSBsYWJlbHMuPFwvc3Ryb25nPjxcL2g1PiIsInR5cG9ncmFwaHlfdHlwb2dyYXBoeSI6ImN1c3RvbSIsInR5cG9ncmFwaHlfZm9udF9mYW1pbHkiOiJSb2JvdG8iLCJ0eXBvZ3JhcGh5X2ZvbnRfd2VpZ2h0IjoiNDAwIiwidGV4dF9jb2xvciI6IiMyNDI0MjQifSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoidGV4dC1lZGl0b3IifQ=="] 
				
					<!-- 2. Menu to Eat-->

        <!-- Greeting label -->
        <TextBlock Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="1" Text="Hello, Rachel!" FontSize="30" Foreground="White" FontWeight="Bold" Margin="0,20,0,0" />
        <!-- Welcome Label-->
        <TextBlock Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="2" Text="Wanna eat tonight?" FontSize="15" Foreground="White"/>
Menu List

Here we use a ListView and mock data to present the information on the screen; the crucial point is that with this, our XAML will not have hard code but will read it directly from the source that we assign to the ListView (in this case mock data).

Also, use the ItemContainerStyle to make it so that when you select an option, it is shaded in precisely the same way with rounded edges as the original option.

				
					<!-- Menu list-->
<ListView Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="3" Margin="0,20,0,0" ItemsSource="{x:Bind food}">
               <ListView.ItemsPanel>
                   <ItemsPanelTemplate>
                       <StackPanel Orientation="Horizontal"/>
                   </ItemsPanelTemplate>
               </ListView.ItemsPanel>
               <ListView.ItemContainerStyle>
                   <Style TargetType="ListViewItem">
                       <Setter Property="BorderThickness" Value="1" />
                       <Setter Property="BorderBrush" Value="#1a204e" />
                       <Setter Property="CornerRadius" Value="15" />
                       <Setter Property="Margin" Value="10" />
                       <Setter Property="Padding" Value="0" />
                       <Setter Property="Height" Value="200" />
                       <Setter Property="Width" Value="150" />
                   </Style>
               </ListView.ItemContainerStyle>
               <ListView.ItemTemplate>
                   <DataTemplate x:DataType="local:Food">
                       <Border Background="Transparent" BorderThickness="0.8" Height="200" Width="150" CornerRadius="15">
                           <Grid Padding="10" RowDefinitions="*,Auto,Auto">
                               <Image Grid.Row="0" Source="{x:Bind Picture}" Height="100" Width="100"/>
                               <TextBlock Grid.Row="1" Text="{x:Bind Name}" FontWeight="Bold" Foreground="White" HorizontalAlignment="Center"/>
                               <TextBlock Grid.Row="2" Text="{x:Bind Description}" Foreground="White" HorizontalAlignment="Center"/>
                           </Grid>
                       </Border>
                   </DataTemplate>
               </ListView.ItemTemplate>
           </ListView>

<!-- Add here the following block of code -- >
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjFmNjFjYjMiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8aDU+PHN0cm9uZz5Ib3Jpem9udGFsIEZyYW1lPFwvc3Ryb25nPjxcL2g1PiIsInR5cG9ncmFwaHlfdHlwb2dyYXBoeSI6ImN1c3RvbSIsInR5cG9ncmFwaHlfZm9udF9mYW1pbHkiOiJSb2JvdG8iLCJ0eXBvZ3JhcGh5X2ZvbnRfd2VpZ2h0IjoiNDAwIiwidGV4dF9jb2xvciI6IiMyNDI0MjQifSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoidGV4dC1lZGl0b3IifQ=="][elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6ImE2OTdlNWYiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8cD5JIGFkZGVkIGEgQm9yZGVyIHdoaWNoIGFsbG93cyBtZSB0byBnaXZlIHRoZSByb3VuZGVkIGFwcGVhcmFuY2Ugb2YgdGhpcyBjYXRlZ29yeS48XC9wPiIsInR5cG9ncmFwaHlfdHlwb2dyYXBoeSI6ImN1c3RvbSIsInR5cG9ncmFwaHlfZm9udF9mYW1pbHkiOiJSb2JvdG8iLCJ0eXBvZ3JhcGh5X2ZvbnRfd2VpZ2h0IjoiNDAwIiwidGV4dF9jb2xvciI6IiMyNDI0MjQifSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoidGV4dC1lZGl0b3IifQ=="] 
				
					<!-- Horizontal category-->
<Border Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="3" CornerRadius="15" BorderBrush="#1a204e" BorderThickness="0.8" HorizontalAlignment="Stretch"  Height="100" Margin="0,10">
                 <Grid Padding="10" RowDefinitions="*,*" ColumnDefinitions="*,Auto">
                     <TextBlock Grid.Row="0" Grid.Column="0" Text="See All Categories" FontWeight="Bold" Foreground="White" VerticalAlignment="Bottom" />
                     <TextBlock Grid.Row="1" Grid.Column="0" Text="100 Categories" Foreground="White" />
                     <Image Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Source="food3" Height="100" Width="100" VerticalAlignment="Bottom" HorizontalAlignment="Right" />
                 </Grid>
             </Border>

<!-- Add here the following block of code -- >

Block 3

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjZjNjFmOTgiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8cD5GaW5hbGx5LCB3ZSB3aWxsIHdvcmsgd2l0aCBhIHJlY29tbWVuZGVkIGxpc3Qgb2YgbWVhbHMsIHBsdXMgYSB0aXRsZSB0aGF0IHdlIHdpbGwgcmVmbGVjdCB3aXRoIGEgTGFiZWwuIEhlcmUgd2Ugd2lsbCB3b3JrIHdpdGggZHluYW1pYyBpbmZvcm1hdGlvbiBieSBpbXBsZW1lbnRpbmcgYSBMaXN0Vmlldzsgd2Ugd2lsbCB1c2UgbW9jayBkYXRhIHRvIHJlZmxlY3QgdGhhdCBsaXN0ITxcL3A+PHA+VGhlIG1vc3QgaW1wb3J0YW50IHRoaW5nIGFib3V0IHRoaXMgaXMgdGhhdCB3aXRoIHRoaXMgc3RydWN0dXJlLCB5b3UgZG9uJ3QgaGF2ZSB0byBjaGFuZ2UgdGhlIFhBTUwgYW5kIHdoYXQgd2UgaGF2ZSBidWlsdCBhcyBNb2NrcyBkYXRhOyB5b3UgcmVwbGFjZSBpdCB3aXRoIGFuIEFQSSBcLyBlbmRwb2ludCwgYW5kIHlvdXIgaW5mb3JtYXRpb24gY2FuIGdyb3cgYXQgYW55IHRpbWUgd2l0aG91dCBoYXZpbmcgdG8gYWx0ZXIgdGhlIGNvZGUhIFx1ZDgzZFx1ZGM5YTxcL3A+PHA+QWdhaW4sIGxldCdzIGNoZWNrIHRoZSBzcGVjaWZpYyBlbGVtZW50cyB0byByZXBsaWNhdGUgZnJvbSBvdXIgVUk6PFwvcD4iLCJ0eXBvZ3JhcGh5X3R5cG9ncmFwaHkiOiJjdXN0b20iLCJ0eXBvZ3JhcGh5X2ZvbnRfZmFtaWx5IjoiUm9ib3RvIiwidHlwb2dyYXBoeV9mb250X3dlaWdodCI6IjQwMCIsInRleHRfY29sb3IiOiIjMjQyNDI0In0sImVsZW1lbnRzIjpbXSwid2lkZ2V0VHlwZSI6InRleHQtZWRpdG9yIn0="]
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6ImJkNzEzN2UiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8aDU+PHN0cm9uZz5UaXRsZTxcL3N0cm9uZz48XC9oNT4iLCJ0eXBvZ3JhcGh5X3R5cG9ncmFwaHkiOiJjdXN0b20iLCJ0eXBvZ3JhcGh5X2ZvbnRfZmFtaWx5IjoiUm9ib3RvIiwidHlwb2dyYXBoeV9mb250X3dlaWdodCI6IjQwMCIsInRleHRfY29sb3IiOiIjMjQyNDI0In0sImVsZW1lbnRzIjpbXSwid2lkZ2V0VHlwZSI6InRleHQtZWRpdG9yIn0="] 
				
					<!-- 3. Recommended-->
        
 <!-- Title-->
<TextBlock Grid.Row="5" Grid.Column="0" Text="RECOMMENDED" FontWeight="Bold" Foreground="White" Margin="0,20"/>

<!-- Add here the following block of code -- >
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjZkZjU1MWYiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8aDU+PHN0cm9uZz5SZWNvbW1lbmRlZCBNZW51PFwvc3Ryb25nPjxcL2g1PiIsInR5cG9ncmFwaHlfdHlwb2dyYXBoeSI6ImN1c3RvbSIsInR5cG9ncmFwaHlfZm9udF9mYW1pbHkiOiJSb2JvdG8iLCJ0eXBvZ3JhcGh5X2ZvbnRfd2VpZ2h0IjoiNDAwIiwidGV4dF9jb2xvciI6IiMyNDI0MjQifSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoidGV4dC1lZGl0b3IifQ=="] 
				
					 <!-- Recommended menu -- >

<ListView Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="3"  ItemsSource="{x:Bind recommendations}" SelectionMode="None">
               <ListView.ItemTemplate>
                   <DataTemplate x:DataType="local:Recommendation">
                       <Grid RowDefinitions="Auto,Auto,Auto" ColumnDefinitions="Auto,*" Padding="0,0,0,15">
                           <Image Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" Source="{x:Bind Picture}" VerticalAlignment="Center" Height="45" Width="45"
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6Ijk4MzExODciLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8cD5XZSd2ZSBmaW5hbGx5IGdvdCBvdXIgY29tcGxldGUgVUkgcmVhZHkhIFx1ZDgzZFx1ZGNhNTxcL3A+PHA+XHVkODNkXHVkY2NiIFJlbWVtYmVyIHRvIGZvbGxvdyB0aGUgc3RlcC1ieS1zdGVwIGluc3RydWN0aW9ucyBzbyB0aGF0IHlvdXIgY29kZSBsb29rcyBncmVhdCE8XC9wPjxwPkkgbGVhdmUgeW91IHRoZSBHaXRIdWIgcmVwb3NpdG9yeSB3aGVyZSB5b3UgY2FuIGV4cGxvcmUgdGhlIGNvbXBsZXRlIHByb2plY3QhPFwvcD48cD5TZWUgeW91IGluIHRoZSBuZXh0IG9uZSEgXHVkODNkXHVkYzRiPFwvcD4iLCJ0eXBvZ3JhcGh5X3R5cG9ncmFwaHkiOiJjdXN0b20iLCJ0eXBvZ3JhcGh5X2ZvbnRfZmFtaWx5IjoiUm9ib3RvIiwidHlwb2dyYXBoeV9mb250X3dlaWdodCI6IjQwMCIsInRleHRfY29sb3IiOiIjMjQyNDI0In0sImVsZW1lbnRzIjpbXSwid2lkZ2V0VHlwZSI6InRleHQtZWRpdG9yIn0="]
GitHub Repo
About Uno Platform
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6Ijc1NGQ0OWMzIiwiZWxUeXBlIjoid2lkZ2V0Iiwic2V0dGluZ3MiOnsiZWRpdG9yIjoiPHA+PGk+Rm9yIHRob3NlIG5ldyB0b1x1MDBhMDxhIHRhYmluZGV4PVwiLTFcIiB0aXRsZT1cImh0dHA6XC9cL3d3dy5wbGF0Zm9ybS51bm9cL1wiIGhyZWY9XCJodHRwOlwvXC93d3cucGxhdGZvcm0udW5vXC9cIiB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCIgYXJpYS1sYWJlbD1cIkxpbmsgVW5vIFBsYXRmb3JtXCI+VW5vIFBsYXRmb3JtPFwvYT4sIGl0IGFsbG93cyBmb3IgY3JlYXRpbmcgcGl4ZWwtcGVyZmVjdCwgc2luZ2xlLXNvdXJjZSBDIyBhbmQgWEFNTCBhcHBzIHRoYXQgcnVuIG5hdGl2ZWx5IG9uIFdpbmRvd3MsIGlPUywgQW5kcm9pZCwgbWFjT1MsIExpbnV4LCBhbmQgV2ViIHZpYSBXZWJBc3NlbWJseS4gSXQgb2ZmZXJzIEZpZ21hIGludGVncmF0aW9uIGZvciBkZXNpZ24tZGV2ZWxvcG1lbnQgaGFuZG9mZiBhbmQgZXh0ZW5zaW9ucyB0byBib290c3RyYXAgeW91ciBwcm9qZWN0cy4gVW5vIFBsYXRmb3JtIGlzIGZyZWUsIG9wZW4tc291cmNlIChBcGFjaGUgMi4wKSwgYW5kIGF2YWlsYWJsZSBvblx1MjAyZjxhIHRhYmluZGV4PVwiLTFcIiB0aXRsZT1cImh0dHBzOlwvXC9naXRodWIuY29tXC91bm9wbGF0Zm9ybVwvdW5vXCIgaHJlZj1cImh0dHBzOlwvXC9naXRodWIuY29tXC91bm9wbGF0Zm9ybVwvdW5vXCIgdGFyZ2V0PVwiX2JsYW5rXCIgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiIGFyaWEtbGFiZWw9XCJMaW5rIEdpdEh1YlwiPkdpdEh1YjxcL2E+LjxcL2k+PFwvcD4iLCJ0ZXh0X2NvbG9yIjoiIzI0MjQyNCJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJ0ZXh0LWVkaXRvciJ9"]

Next Steps

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjI2OWUxYjQ0IiwiZWxUeXBlIjoid2lkZ2V0Iiwic2V0dGluZ3MiOnsiZWRpdG9yIjoiPHA+VG8gdXBncmFkZSB0byB0aGUgbGF0ZXN0IHJlbGVhc2Ugb2YgVW5vIFBsYXRmb3JtLCBwbGVhc2UgdXBkYXRlIHlvdXIgcGFja2FnZXMgdG8gNC42IHZpYSB5b3VyIFZpc3VhbCBTdHVkaW8gTnVHZXQgcGFja2FnZSBtYW5hZ2VyISBJZiB5b3UgYXJlIG5ldyB0byBVbm8gUGxhdGZvcm0sIGZvbGxvd2luZyBvdXIgb2ZmaWNpYWwgZ2V0dGluZyBzdGFydGVkIGd1aWRlIGlzIHRoZSBiZXN0IHdheSB0byBnZXQgc3RhcnRlZC4gPGVtPig1IG1pbiB0byBjb21wbGV0ZSk8XC9lbT48XC9wPiIsInR5cG9ncmFwaHlfdHlwb2dyYXBoeSI6ImN1c3RvbSIsInR5cG9ncmFwaHlfZm9udF9mYW1pbHkiOiJSb2JvdG8iLCJ0eXBvZ3JhcGh5X2ZvbnRfd2VpZ2h0IjoiNDAwIiwidGV4dF9jb2xvciI6IiMyNDI0MjQifSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoidGV4dC1lZGl0b3IifQ=="]
Explore Documentation
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjJiY2U0ZGUiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJlZGl0b3IiOiI8cD48YSBocmVmPVwiaHR0cDpcL1wvTGVvbWFyaXMgUmV5ZXNcIiBkYXRhLXdwbGluay11cmwtZXJyb3I9XCJ0cnVlXCI+TGVvbWFyaXMgUmV5ZXM8XC9hPjxcL3A+IiwidHlwb2dyYXBoeV90eXBvZ3JhcGh5IjoiY3VzdG9tIiwidHlwb2dyYXBoeV9mb250X2ZhbWlseSI6IlJvYm90byIsInR5cG9ncmFwaHlfZm9udF93ZWlnaHQiOiI0MDAiLCJ0ZXh0X2NvbG9yIjoiIzI0MjQyNCJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJ0ZXh0LWVkaXRvciJ9"]

Tags:

[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjE2NTNjMDEiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJpY29uX2xpc3QiOlt7Il9pZCI6IjVkOGZmZGMiLCJ0eXBlIjoidGVybXMiLCJjdXN0b21fZGF0ZV9mb3JtYXQiOiJGIGosIFkiLCJjdXN0b21fdGltZV9mb3JtYXQiOiJnOmkgYSIsInRheG9ub215IjoicG9zdF90YWciLCJzaG93X2ljb24iOiJub25lIn1dLCJzcGFjZV9iZXR3ZWVuIjp7InVuaXQiOiJweCIsInNpemUiOjIzLCJzaXplcyI6W119LCJkaXZpZGVyIjoieWVzIiwiZGl2aWRlcl93ZWlnaHQiOnsidW5pdCI6InB4Iiwic2l6ZSI6Miwic2l6ZXMiOltdfSwiZGl2aWRlcl9oZWlnaHQiOnsidW5pdCI6IiUiLCJzaXplIjoxMDAsInNpemVzIjpbXX0sImljb25fc2l6ZSI6eyJ1bml0IjoicHgiLCJzaXplIjoxMCwic2l6ZXMiOltdfSwiZGl2aWRlcl9jb2xvciI6IiMyNDI0MjQiLCJ0ZXh0X2NvbG9yIjoiIzI0MjQyNCJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJwb3N0LWluZm8ifQ=="]
Share this post:
Related Posts
[elementor-element k="5806e339aa03f759b30b8b18be48ff65" data="eyJpZCI6IjUyZTljNmNiIiwiZWxUeXBlIjoid2lkZ2V0Iiwic2V0dGluZ3MiOnsicHJlbWl1bV9ibG9nX2NvbHVtbnNfbnVtYmVyIjoiMzMuMzMlIiwicHJlbWl1bV9ibG9nX251bWJlcl9vZl9wb3N0cyI6MywicHJlbWl1bV9ibG9nX2hvdmVyX2ltYWdlX2VmZmVjdCI6Im5vbmUiLCJwcmVtaXVtX2Jsb2dfZXhjZXJwdF90ZXh0IjoiUmVhZCBNb3JlIFx1MDBiYiIsInByZW1pdW1fYmxvZ19jb21tZW50c19tZXRhIjoiIiwicHJlbWl1bV9ibG9nX3RhYl9sYWJlbCI6IkFsbCIsInByZW1pdW1fYmxvZ19wcmV2X3RleHQiOiIiLCJwcmVtaXVtX2Jsb2dfbmV4dF90ZXh0IjoiIiwicHJlbWl1bV9ibG9nX3BhZ2luYXRpb25fYWxpZ24iOiJjZW50ZXIiLCJwcmVtaXVtX2Jsb2dfdGl0bGVfY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bV9ibG9nX3RpdGxlX2hvdmVyX2NvbG9yIjoiIzAwMDAwMCIsImNhdGVnb3JpZXNfcmVwZWF0ZXIiOlt7Il9pZCI6ImExMjM0MjEifV0sInByZW1pdW1fYmxvZ19tZXRhX3R5cG9fdHlwb2dyYXBoeSI6ImN1c3RvbSIsInByZW1pdW1fYmxvZ19tZXRhX3R5cG9fZm9udF9mYW1pbHkiOiJPcGVuIFNhbnMiLCJwcmVtaXVtX2Jsb2dfbWV0YV90eXBvX2ZvbnRfd2VpZ2h0IjoiNDAwIiwicHJlbWl1bV9ibG9nX21ldGFfY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bV9ibG9nX2NvbnRlbnRfdHlwb190eXBvZ3JhcGh5IjoiY3VzdG9tIiwicHJlbWl1bV9ibG9nX2NvbnRlbnRfdHlwb19mb250X3NpemUiOnsidW5pdCI6InB4Iiwic2l6ZSI6MTYsInNpemVzIjpbXX0sInByZW1pdW1fYmxvZ19wb3N0X2NvbnRlbnRfY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bV9ibG9nX2NvbnRlbnRfYmFja2dyb3VuZF9jb2xvciI6IiNGRkZGRkYiLCJwcmVtaXVtX2Jsb2dfYm94X2JhY2tncm91bmRfY29sb3IiOiIjRkZGRkZGIiwicHJlbWl1bV9ibG9nX3BhZ2luYXRpb25fdHlwb190eXBvZ3JhcGh5IjoiY3VzdG9tIiwicHJlbWl1bV9ibG9nX3BhZ2luYXRpb25fdHlwb19mb250X3NpemUiOnsidW5pdCI6InB4Iiwic2l6ZSI6MTQsInNpemVzIjpbXX0sInBybWVpdW1fYmxvZ19wYWdpbmF0aW9uX2JhY2tfY29sb3IiOiIjRkZGRkZGIiwibmF2aWdhdGlvbl9ib3JkZXJfcmFkaXVzIjp7InVuaXQiOiJweCIsInNpemUiOjQsInNpemVzIjpbXX0sInBybWVpdW1fYmxvZ19wYWdpbmF0aW9uX2hvdmVyX2NvbG9yIjoiIzI0MjQyNCIsInBybWVpdW1fYmxvZ19wYWdpbmF0aW9uX2JhY2tfaG92ZXJfY29sb3IiOiIjNjdFNUFEIiwiaG92ZXJfbmF2aWdhdGlvbl9ib3JkZXJfcmFkaXVzIjp7InVuaXQiOiJweCIsInNpemUiOjQsInNpemVzIjpbXX0sInBybWVpdW1fYmxvZ19wYWdpbmF0aW9uX2FjdGl2ZV9jb2xvciI6IiMyNDI0MjQiLCJwcm1laXVtX2Jsb2dfcGFnaW5hdGlvbl9iYWNrX2FjdGl2ZV9jb2xvciI6IiM2N0U1QUQiLCJhY3RpdmVfbmF2aWdhdGlvbl9ib3JkZXJfcmFkaXVzIjp7InVuaXQiOiJweCIsInNpemUiOjQsInNpemVzIjpbXX0sInBybWVpdW1fYmxvZ19wYWdpbmF0aW9uX3BhZGRpbmciOnsidW5pdCI6InB4IiwidG9wIjoiMTAiLCJyaWdodCI6IjEzIiwiYm90dG9tIjoiMTAiLCJsZWZ0IjoiMTMiLCJpc0xpbmtlZCI6ZmFsc2V9LCJwcmVtaXVtX2Jsb2dfdGh1bWJfbWluX2hlaWdodCI6eyJ1bml0IjoicHgiLCJzaXplIjoyMDAsInNpemVzIjpbXX0sInByZW1pdW1fYmxvZ19leGNlcnB0X2xlbmd0aCI6MTUsInByZW1pdW1fYmxvZ19wb3N0c19jb2x1bW5zX3NwYWNpbmciOnsidW5pdCI6InB4Iiwic2l6ZSI6MzAsInNpemVzIjpbXX0sInByZW1pdW1fYmxvZ19wb3N0c19zcGFjaW5nIjp7InVuaXQiOiJweCIsInNpemUiOjMwLCJzaXplcyI6W119LCJjdXN0b21fY3NzIjoic2VsZWN0b3IgaDIge1xuICAgIGxpbmUtaGVpZ2h0OiAyLjc1cmVtICFpbXBvcnRhbnQ7XG59XG5cbnNlbGVjdG9yIC5wcmVtaXVtLWJsb2ctY29udGVudC13cmFwcGVyIHtcbiAgICBwYWRkaW5nOiAxMHB4O1xufVxuXG4ucHJlbWl1bS1ibG9nLXRodW1ibmFpbC1jb250YWluZXIucHJlbWl1bS1ibG9nLW5vbmUtZWZmZWN0OjpiZWZvcmUsIC5wcmVtaXVtLWJsb2ctdGh1bWJuYWlsLWNvbnRhaW5lci5wcmVtaXVtLWJsb2ctbm9uZS1lZmZlY3Q6OmFmdGVye1xuICAgIG9wYWNpdHk6IDAgIWltcG9ydGFudDtcbn1cblxuLnByZW1pdW0tYmxvZy1jb250ZW50LXdyYXBwZXIge1xuICAgIG1hcmdpbjogMCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6IDE1cHggMCAhaW1wb3J0YW50O1xufVxuXG4ucHJlbWl1bS1ibG9nLW1ldGEtc2VwYXJhdG9yLCAuZmEuZmEtY2xvY2stbywgLnByZW1pdW0tYmxvZy1hdXRob3ItdGh1bWJuYWlsIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5wYWdlLW51bWJlcnMuY3VycmVudCB7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQgIWltcG9ydGFudDtcbn1cblxuLnByZW1pdW0tYmxvZy10aHVtYm5haWwtY29udGFpbmVyIHtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG4iLCJtYXhfcGFnZXMiOiIiLCJwcmVtaXVtX2Jsb2dfc2tpbiI6ImNhcmRzIiwicHJlbWl1bV9ibG9nX2hvdmVyX2NvbG9yX2VmZmVjdCI6Im5vbmUiLCJwcmVtaXVtX2Jsb2dfYXV0aG9yX2ltZ19zd2l0Y2hlciI6IiIsInNjcm9sbF90b19vZmZzZXQiOiIiLCJwcmVtaXVtX2Jsb2dfYXV0aG9yX21ldGEiOiIiLCJwcmVtaXVtX2Jsb2dfY2F0ZWdvcmllc19tZXRhIjoiIiwicHJlbWl1bV9ibG9nX2FydGljbGVfdGFnX3N3aXRjaGVyIjoieWVzIiwicHJlbWl1bV9ibG9nX2ZpbHRlcl9jb2xvciI6IiMxNDE0MTQiLCJwcmVtaXVtX2Jsb2dfYmFja2dyb3VuZF9jb2xvciI6IiNGRkZGRkYwMCIsInByZW1pdW1fYmxvZ19maWx0ZXJfYm9yZGVyX2JvcmRlciI6InNvbGlkIiwicHJlbWl1bV9ibG9nX2ZpbHRlcl9ib3JkZXJfd2lkdGgiOnsidW5pdCI6InB4IiwidG9wIjoiMiIsInJpZ2h0IjoiMiIsImJvdHRvbSI6IjIiLCJsZWZ0IjoiMiIsImlzTGlua2VkIjp0cnVlfSwicHJlbWl1bV9ibG9nX2ZpbHRlcl9ib3JkZXJfY29sb3IiOiIjMTQxNDE0IiwicHJlbWl1bV9ibG9nX2ZpbHRlcl9ib3JkZXJfcmFkaXVzIjp7InVuaXQiOiJweCIsInNpemUiOjI5LCJzaXplcyI6W119LCJwcmVtaXVtX2Jsb2dfZmlsdGVyX2FjdGl2ZV9jb2xvciI6IiNGRkZGRkYiLCJwcmVtaXVtX2Jsb2dfYmFja2dyb3VuZF9hY3RpdmVfY29sb3IiOiIjMTQxNDE0IiwicHJlbWl1bV9ibG9nX2ZpbHRlcl9tYXJnaW4iOnsidW5pdCI6InB4IiwidG9wIjoiMCIsInJpZ2h0IjoiMCIsImJvdHRvbSI6IjAiLCJsZWZ0IjoiMCIsImlzTGlua2VkIjp0cnVlfSwiY3NzX2ZpbHRlcnNfY3NzX2ZpbHRlciI6ImN1c3RvbSIsImhvdmVyX2Nzc19maWx0ZXJzX2JyaWdodG5lc3MiOnsidW5pdCI6InB4Iiwic2l6ZSI6MCwic2l6ZXMiOltdfSwiaG92ZXJfY3NzX2ZpbHRlcnNfY29udHJhc3QiOnsidW5pdCI6InB4Iiwic2l6ZSI6ODcsInNpemVzIjpbXX0sImhvdmVyX2Nzc19maWx0ZXJzX2h1ZSI6eyJ1bml0IjoicHgiLCJzaXplIjoyOTQsInNpemVzIjpbXX0sInRpdGxlX3NwYWNpbmciOnsidW5pdCI6InB4Iiwic2l6ZSI6MCwic2l6ZXMiOltdfSwicHJtZWl1bV9ibG9nX3BhZ2luYXRpb25fY29sb3IiOiIjNTQ1OTVGIiwicHJlbWl1bV9ibG9nX3RpdGxlX3RhZyI6Img1IiwicGFnaW5hdGlvbl9zdHJpbmdzIjoiIiwiX19nbG9iYWxzX18iOnsicHJlbWl1bV9ibG9nX3RpdGxlX3R5cG9fdHlwb2dyYXBoeSI6Imdsb2JhbHNcL3R5cG9ncmFwaHk/aWQ9cHJpbWFyeSJ9LCJ0YXhfY2F0ZWdvcnlfcG9zdF9maWx0ZXIiOltdLCJwcmVtaXVtX2Jsb2dfcG9zdHNfZXhjbHVkZSI6W10sInF1ZXJ5X2V4Y2x1ZGVfY3VycmVudCI6InllcyIsImV4Y2VycHRfdGV4dF9tYXJnaW4iOnsidW5pdCI6InB4IiwidG9wIjoiMTAiLCJyaWdodCI6IjAiLCJib3R0b20iOiIxMCIsImxlZnQiOiIwIiwiaXNMaW5rZWQiOmZhbHNlfSwicHJtZWl1bV9ibG9nX2NvbnRlbnRfbWFyZ2luIjp7InVuaXQiOiJweCIsInRvcCI6IjAiLCJyaWdodCI6IjAiLCJib3R0b20iOiIwIiwibGVmdCI6IjAiLCJpc0xpbmtlZCI6dHJ1ZX0sInBybWVpdW1fYmxvZ19jb250ZW50X3BhZGRpbmciOnsidW5pdCI6InB4IiwidG9wIjoiMTAiLCJyaWdodCI6IjAiLCJib3R0b20iOiIwIiwibGVmdCI6IjAiLCJpc0xpbmtlZCI6ZmFsc2V9LCJ0YXhfcG9zdF90YWdfcG9zdF9maWx0ZXIiOltdfSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoicHJlbWl1bS1hZGRvbi1ibG9nIn0="]

Uno Platform 5.2 LIVE Webinar – Today at 3 PM EST – Watch