The following is a mostly complete sampling of elements used within Verint Community's end-user facing user experience. When reviewing these styles, ensure that the review also includes varying devices and screen sizes--some UI elements adjust to specific devices and base styles support responsive changes.
Note that these are the base styles and individual widgets may implement custom functionality or variations on these formats to meet the needs of their unique functionality.
Inline messages rendered above forms or content.
Enables moving between sets of results where endless scrolling is not enabled. Uses the evolutionPager jQuery plugin.
Displays progress for longer running tasks, primarily for those processing in background processes. Uses the evolutionProgressIndicator jQuery plugin. Three states are shown: processing, completed successfully, and error.
The full view of a content item. Also uses the evolutionLike, evolutionStarRating jQuery plugins and the ui-links UI component. Note that many widgets apply customizations to these base style rules.
Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text.
Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text. Body text.
The abbreviated view of a content item.
Shows lists of results, often combined with pagers. This example includes filters and sort options but these are not always present.
Shows threaded content, for example forum replies or comments.
Displays visual lists. Uses the evolutionMasonry jQuery plugin. In this example, the items are the same size, but masonry will also piece together items of different sizes.
Displays multiple pages of content/forms with tab-based navigation. Uses the glowTabbedPanes jQuery plugin.
Content of tab 1.
Content of tab 2.
Content of tab 3.
Displays a hover-over message over an element. Uses the evolutionTip jQuery plugin or ui-tip UI component.
Hover over the link to see a tip.
Displays additional content in a modular window. Uses the glowModal jQuery plugin.
Click to open a modal.
The base form format as well as unique form inputs used within Community. Note that validation messages are normally only shown after a form has been completed and attempted to be submitted, the delete button is not always present, and the loading animation next to the submit buttons is normally only shown when one of the buttons are processing.
