In this article you will learn:
1. What is an embedded app?
Embedded applications are similar to widgets to a page. You can make external application contents available on a desired webpage. For example, we often see Google Maps on a restaurant’s webpage. In this case, Google Maps is the embedded app, and it’s providing further convenience to users.
2. What sort of Allex contents are available?
MyTasks page and global search for tasks
Single projects
3. How can I make Allex available on a webpage?
You just need to follow the simple steps below.
Decide a webpage where you want to add Allex contents
Share the webpage URL with Allex team (support@allex.ai) for configuration (This is required due to some security reasons, e.g., project data should not be available on a strange page)
After the configuration, you can add the iFrame script to the webpage
Allex iFrame Script for My Day
<iframe
frameborder=“0”
scrolling=“yes”
style=“border:none”
width=“100%”
height=“1200px”
sandbox=“allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation”
title=“Allex embedded app”>
</iframe>
Tip: Minimum height is 800px, so you can increase the height as you wish
Allex iFrame Script for single projects
Open the required project in your browser and copy the project ID from the link on this page.
Replace the placeholder “xxxxx-xxx-xxx-xxx-xxxxxxxx” in the script with the actual project ID:
<iframe
frameborder=“0”
scrolling=“yes”
style=“border:none”
width=“100%”
height=“800px”
sandbox=“allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation”
title=“Allex embedded app”>
</iframe>
Tip: The minimum and recommended height here is 800px so that you can make optimum use of all functions and views.
In this way, you can create single iFrame scripts for each of your projects.
4. How should it look?
This is an example of Allex embedded in an Atlassian Confluence page.
The first page should be Allex login page
Click the 'Login' button
There should be a small login pop-up
Enter your usual Allex credentials or log in via SSO
Allex iFrame for My Day
After successful login, My Tasks page should be displayed
You can find the useful functions at the top right corner
By clicking Allex icon, the WebApp version will open in a new browser tab
By clicking the search icon, Global Search will open as an overlay
Allex iFrame for single projects:
Based on your permissions, you can see the project with the defined project-ID after successfully logging in.
If you do not have any permissions for the project, e.g. because it has been set to private, you will not be able to access the project and will be informed accordingly.
Please note: As soon as you open another project, e.g. via linked or duplicated projects, you will return to your initial project by refreshing the embedded page.
Questions below often come along with ‘What is Allex as an embedded app?’: