• Build with Vaadin
    • Vaadin Start
      Configure your new Vaadin app
    • UI Components
      Java or HTML components
    • Flow
      Java backend & Java UI
    • Fusion
      Java backend & TypeScript UI
    • Collaboration Engine
      Build real-time collaboration
    • Design System Publisher
      Documentation builder
    • Designer
      Visually build UI designs
    • TestBench
      Implement automated UI tests
    Resources
    • Documentation
    • Releases
    • Roadmap
    • Add-on directory
    • Reference card
    Get the tools for higher productivity and improved usability in professional projects.
    Try for free
  • Learn
    • Vaadin Features
      Get to know Vaadin
    • Learning Center
      Master Vaadin
    • Documentation
      Technical documentation
    • Cookbook
      Code snippets for common tasks
    Insights
    • Progressive Web Apps
    • Swing to Vaadin migration
    • Migrating from 8 to 21
    • FAQ
    • Framework comparison
    FREE BOOK. Learn how to build a modern web app with Spring Boot & Vaadin, from environment setup to deployment to the cloud.
    Download
  • Community
    • Blog
      Latest from Vaadin
    • Add-on Directory
      3rd party components
    • Stack Overflow
      Ask questions and get answers
    • Contribute
      Report issues, create pull requests
    • Chat
      Get help and discuss with community members
    Company
    • About
    • Contact
    • Careers
    • Insiders
    • For students
  • Use cases
    • Create a new business app
    • Modernize an existing app
    • Migrate from Swing
    • Unified UX with Design system
    Services
    • Vaadin support
    • Design services
    • Expert services
    • Migration assistance
    Read more about how companies have succeeded with Vaadin
    Success stories
  • Pricing
Get started
Login
0
Edit Profile
Subscription
Multiple
My Page
0 unread
My Account My Certifications My Components
Toggle admin panel
Log out
Clickable Custom Layout icon

Clickable Custom Layout

by Royce Ausburn
5.02
Login to rate
2
1 decade ago

CustomLayout that can notify when template's elements are clicked

A simple extension to CustomLayout allowing elements (

, , , etc) in the template to be marked with a "click-name" attribute. Elements marked with this attribute will cause the component to listen for mouse clicks on these elements.

Users of the ClickableCustomLayout class may register click listeners who're notified when these elements are clicked.

This is handy when dealing with custom/legacy HTML that requires super simple click handling functionality.

It's worth noting there are alternatives to using this add on, namely:

Anchors and URIFragmentUtility Wrapping things in layouts that implement LayoutClickNotifier

Sometimes the alternatives are undesirable, this add-on may help.

Example template xhtml:

A title

Some example text

This is a clickable caption

If the image or span is clicked on in the above example, listeners registered against the ClickableCustomLayout will be notified of the clicked "click-name".

Install

Link to this version
BetaReleased 03 July 2011Apache License 2.0
Framework Support
Vaadin 6.6+
Browser Independent
Install with
Release notes - Version 0.9.2

Reports a ClickableCustomLayoutClickEvent instead of the String representing the click name. The click event exposes the X, Y position of the click as well as the click-name.

Build
  • Start a new app
  • Flow
  • Fusion
  • Design System
  • Collaboration Engine
  • Designer
  • Test Bench
  • Vaadin Studio
Learn
  • Learning center
  • Docs
  • Cookbook
  • FAQ
Use cases
  • Create a new app
  • Modernize an app
  • Migrate from Swing
  • Design System
Services
  • Vaadin support
  • Design services
  • Expert services
  • Migration assistance
Community
  • Blog
  • Add-on directory
  • Stack Overflow
  • Discord
  • GitHub
Company
  • About
  • Contact
  • Careers
  • Trademark
  • Security
  • Insiders
  • For students
© Vaadin Ltd. All rights reserved
  • Community Terms
  • Privacy Policy