Vaadin Theme Assistant
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

A utility for theming Vaadin components

A browser extension that allows to visually identify elements of Vaadin components that can be themed, and gives instructions on how to set up the correct CSS in a Vaadin Flow or Hilla application. The application needs to use a custom theme in order to make use of the instructions provided by the extension. Features: - Custom element picker / inspector that is optimized for Vaadin components and their internal parts - Provides instructions and code snippets that can be copied / pasted into your application - Configure whether you want to theme all, or only specific instances of a component - Configure whether the styles should only be applied when the component is in a specific state (opened, closed, invalid, ...) - Optimized for Vaadin 22 Usage: - First, install the extension - Open the application that you want to theme in your browser - Open the developer tools - Open the "Vaadin Theme Assistant" panel - Click on "Pick element" - Hover the cursor over a Vaadin component that you want to theme, notice how individual elements get highlighted - Click on a highlighted element - The dev tools panel will now list a number of suggestions for elements that can be themed - Click on one of the suggested elements to start theming it - Configure the scope for the styles that you want to apply to the element on the left side. You can choose to either style all instances of the component, or only specific ones. You can also choose to apply the styles only when the component is in a specific state. - Follow the instructions on the right side to apply the styles in your application NOTE: This is not an official Vaadin product. No support will be provided by Vaadin employees.

5 out of 51 rating

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Vesa NieminenDec 4, 2022

Speeds up my day-to-day work. Highly recommended.

Details

  • Version
    1.1
  • Updated
    December 17, 2022
  • Offered by
    Sascha Ißbrücker
  • Size
    1.22MiB
  • Languages
    English
  • Developer
    Email
    5yeug565t@relay.firefox.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Google apps