Display Idle Session Timeout
by Encora Digital (Partner)
Description
This plugin addresses session timeout requirements for Appian Portal interfaces where native session management is limited. It provides a customizable idle session timeout mechanism that improves user experience and application security. When a user is inactive for a defined period, a warning dialog is displayed, allowing them to extend their session. If no action is taken, a second dialog notifies the user that their session has expired and any unsaved changes are lost. This ensures sensitive data is protected and aligns with compliance or timeout policies in enterprise applications.
Features
Components: displayIdleSessionTimeout()
Features and Functionality: Idle Detection: Monitors user inactivity through mouse, keyboard, and touch events. Configurable Timing: Allows setting custom warning and logout durations in minutes. Warning Dialog: Displays a modal dialog with a customizable message before logout, giving users a chance to continue their session. Logout Dialog: If no action is taken, displays a logout confirmation dialog informing the user of session expiration. Responsive Design: Fully mobile-compatible with Open Sans font and custom-styled HTML dialogs. Styling Support: Easily styled via external CSS to match application branding. Appian SDK Integration: Seamlessly integrates with Appian Component Plugin architecture via the Appian JavaScript SDK.
Release notes
Fixed html entry point not found issue.
Version history (1)
1.0.1
This version introduces full compliance with Appian’s Content Security Policy (CSP) requirements by replacing external dependencies and inline styles, ensuring secure and seamless integration within Appian environments.
Bug Fixes & Appian CSP Compliance:
Removed all Material UI dependencies and replaced them with lightweight, custom-styled HTML dialogs. Eliminated usage of: External fonts (Google Fonts), Inline styles and scripts, External JavaScript/CDN references Self-hosted all required assets (React, ReactDOM, Open Sans font, etc.). Added local font embedding (Open Sans) for consistent cross-platform rendering. Replaced MUI modals with custom modal components styled to visually match original design. Disabled background scroll when modals are active for improved UX. Ensured no usage of unsafe-inline or remote resources in styles/scripts.
Responsive & Compatibility Enhancements:
Fully mobile-compatible modal layout with adaptive widths and spacing. Ensures consistent font and layout behavior across screen sizes using CSS media queries. Improved accessibility by keeping visual focus in modals.