In this part of the Appian Guide Series, we will show you how to create dynamic interfaces and how to connect them with data. This process will guide you through making your first site, forms, data lists and site access and authorization.
To be able to access our application, we need to create a new interface. We can do that by navigating to the toolbar and selecting „Interface” from the „New” dropdown. Name your interface with the application initials as a prefix, give it a short description and select interfaces folder for saving. Click „Create”, and you will be presented with Appian interface designer. The interface designer is an interactive tool that lets designers create, display, and immediately test interfaces as if they were live in Tempo, while detecting errors as they appear. You can read more about the designer in the official Appian documentation.
In the interface designer, we are presented with an option to create an interface from scratch with components on the left side, or to create an interface from one of the listed templates on the right. To speed up the development process, we will select „Billboard Header & Cards” template. We will need only two cards for now, so we can delete other cards.
For our design, we will create greetings text in the header and a placeholder for our first action: „Vacation Request”. Elements can be added by simply dragging them from the list and dropping into the right container. For our header greetings, we will user a rich text component. After dropping the component into the container, component properties will appear on the right side. To display a value, enter text in the „Display Value” section. When hovering over the „Display Value” property, a small edit icon will appear. When clicked, we will be prompted with the expression editor where we can edit the displayed value with custom data. We want to add user's name to the greeting message by using the concat function. All component properties can also be edited from the expression mode.
For the „Vacation Request” action placeholder, we will use rich text with rich icon. As previously described, drop the component in the right container and insert the wanted value in „Display Value” property. To insert icon, select icon on the text editor end select the wanted icon. We can center the display with „Alignment” property. When done editing, we need to save our changes. We will come back to this interface when we will be speaking about processes.
Now that we have a working homepage, we can create a site for our application. To create a new Site object, first we need to create a new report. Navigate to the toolbar and select „Report” from „New” dropdown. Populate name, description and select homepage interface. Click „Create” and set the correct authorization and save configuration.
Our homepage report is created, now we can create an application site. Select „Site” from the „New” dropdown. Select site name, description, URL identifier and click „Next”. Define authorization and click “Save”. After saving, a new tab will pen where we can define our site page. Let us call our page „Home” and choose the „Home” icon. Select „Report” as the type and search for the previously created report. Click „Ok” and our site is ready.
To access our site, navigate to the designer menu and open application site. We will be redirected to our homepage.
In this part of the guide, we have shown you how to create your first interface and application Access point. Join us in the next guide where we will be creating a submission form and list interface which we will be using for business processes.
The project was co-financed by the European Union from the European Regional Development Fund. The content of the site is the sole responsibility of Serengeti ltd.
Get a Quote
To get an accurate quote, please provide as many details as possible. One of our key account managers will contact you back with a custom quote for your project.
Manage Cookie Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.