Web Tab
Web Tabs let you embed full web pages or applications as a dedicated tab in the Facilio navigation sidebar. They are the simplest widget type — ideal for standalone tools, company announcements, embedded dashboards, or any custom web application.
Availability#
| Apps | Mobile |
|---|---|
| Maintenance, Vendor, Requester, Client, Tenant | Yes |
When to use#
- Embedding an entire single-page application (SPA) inside Facilio
- Displaying company-wide announcements or internal portals
- Building standalone tools that don't depend on a specific record or form
- Integrating third-party web applications with SSO
Context#
Web Tab widgets receive the organization and user context through the SDK but are not tied to a specific record or module.
var app = new Vue({ el: '#app', data: { user: {}, org: {}, widget: {} }, created() { window.facilioApp = FacilioAppSDK.init(); window.facilioApp.on('app.loaded', (data) => { this.user = window.facilioApp.getCurrentUser(); this.org = window.facilioApp.getCurrentOrg(); this.widget = window.facilioApp.getWidget(); }); }});Example — Embedded announcement board#
var app = new Vue({ el: '#app', data: { loading: true, announcements: [] }, created() { window.facilioApp = FacilioAppSDK.init(); window.facilioApp.on('app.loaded', async () => { await this.loadAnnouncements(); }); }, methods: { async loadAnnouncements() { try { const { list } = await window.facilioApp.api.fetchAll('custom_announcements', { viewName: 'all', perPage: 20, orderBy: 'sysCreatedTime', orderType: 'desc' }); this.announcements = list || []; } catch (error) { console.error('Failed to load announcements:', error); } finally { this.loading = false; } } }});