Granite Alert
Vaadin global notifications (wrapper for https://github.com/LostInBrittany/granite-alert with themable support)
GraniteAlert is a container for other components, which are rendered inside the alert, and can be used as a way of displaying a global notification. The property level maps to the level attribute of granite-alert, with each level (info, warning, error and success) providing a different style. The property compact enables additional style rules that reduce spacing around the content.
It is also posible to injecting styles directly into the granite-alert shadow DOM, by using style modules (see examples)
Found a bug or have a suggestion? Report it on GitHub
For bug reports, feature suggestions, or questions, please open an issue on GitHub. This makes it easier for us to track and respond efficiently, ensuring you get the best possible support. Your input helps us improve—thank you!
Sample code
GraniteAlert alert = new GraniteAlert(); alert.setCompact(true); alert.setLevel(GraniteAlertLevel.SUCCESS); alert.add(new Span("Success!"));
<dom-module id="custom-granite-alert-theme" theme-for="granite-alert"> <template> <style> :host(.custom) .alert { color: var(--lumo-body-text-color); background-color: white; border-color: grey; } </style> </template> </dom-module>
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Initial release supporting Vaadin 14+ Npm mode
- Released
- 2020-04-13
- Maturity
- TESTED
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 14+
- Vaadin 13 in 1.0.0
- Vaadin 12 in 1.0.0
- Vaadin 11 in 1.0.0
- Vaadin 10 in 1.0.0
- Browser
- Browser Independent
Lookup Field - Vaadin Add-on Directory
The Lookup field component allows you to search a specific recordOnline Demo
View on GitHub
Lookup Field version 1.0.3
First release of the component
Lookup Field version 1.0.4
Fixes:
* dialog scroll bar always visible
* wrong size of the grid for small screen
* Remove the background of the footer. Now it's using the default color.
New features:
* Theme API for the Java API
* Update the enhanced-dialog dependency which is now Apache2
Lookup Field version 1.0.5
Add CSS classnames: https://github.com/vaadin-component-factory/vcf-lookup-field/issues/1
Lookup Field version 1.0.6
Add custom header and footer slots.
See this demo: https://incubator.app.fi/lookup-field-flow-demo/custom-header
Lookup Field version 1.1.0
* Set the focus on the search field when the dialog is opened
* Set the focus on the button when the dialog is closed
* Add a new parameter `setSelectionDisabledIfEmpty that sets whether the select button is disabled or send an error when the selection is empty or not. The default value is true so the behavior of the component does not change.
* Add a new listener `addEmptySelectionListener` that can be called to replace the default error notification
Lookup Field version 1.1.1
* Fix an issue in the webcomponent for custom grid
* Bump the Vaadin platform version
Lookup Field version 1.2.0
Add:
- MultiSelect Lookup Field: You can select multiple elements in the combobox and the grid
- CustomFilter: You can change the filter input to a component.
The component depends multiselect-combo-box-flow.
Lookup Field version 1.2.1
Fix an issue for java8 (previously built with a higher JDK)
Lookup Field version 1.3.0
Footer is refactored to be vaadin-horizontal-layout with theme=“spacing-s”
The dialog only closes when “Select” or “Cancel” buttons are clicked.
Number of selected items shown in the dialog “N items selected”
Add an attribute for “has-selections” to the footer
Lookup Field version 1.3.1
New build as 1.3.0 was not properly published to the Maven repository
Lookup Field version 1.3.2
Add attribute invalid, readonly on the main component
Disabled: disable the combobox and the button
Add the demo for the different states
Lookup Field version 5.0.0
#### New features:
* Updates web-component version to [5.0.0](https://github.com/vaadin-component-factory/vcf-lookup-field/pull/9). Changes are meant to expose the search button to the light DOM.
Lookup Field version 5.0.1
#### New features:
* Update web-component dependency to 5.0.1 to fix styling issue with integrated variant ([see details]( https://github.com/vaadin-component-factory/vcf-lookup-field/releases/tag/v5.0.1))
Lookup Field version 3.0.0
* Component version compatible with Vaadin 23.x.
Lookup Field version 4.0.0
Version compatible with Vaadin 24.