Web Components and Building UIs with RapidClipse
summary
Demonstrates using RapidClipse (an Eclipse distribution) to design Vaadin-based HTML5 web UIs visually with a drag-and-drop GUI builder. Shows that RapidClipse auto-generates Java UI code for controls like tables, datepickers, accordions, media containers, master-detail views, forms, search/filtering, and responsive layouts, with live preview during development.
AI-written summary · about
chapters (25)
- 0:00RapidClipse introduction
- 1:26Project structure and resources
- 2:11Palette and layout components
- 3:37Interactive UI elements
- 5:00Database connection and tables
- 6:49SQL queries and paging
- 7:29Navigation and routing
- 8:32Wizards and templates
- 10:21Live demo start
- 11:30Create project and select template
- 12:33Start app and explore playout
- 13:36Add new view and layout
- 14:17Setup routing for view
- 16:03Database connection
- 17:10Import tables and use entity
- 18:14Fill grid with data
- 19:50Integrate filter component
- 21:21Save and restore view state
- 26:16Edit data with popup dialog
- 32:54Program popup dialog
- 36:31Button event and dialog call
- 37:36Refresh database after edit
- 41:04Add theme switch button
- 45:37Create custom theme
- 48:13Q&A and summary
related talks
44mWeb Components & Building UIs with RapidClipse
49mCreate Web-Component UIs Without Any JavaScript Knowledge
38mExtending RapidClipse UIs with 3rd Party Components
37mRapidClipse in Action: From Idea to Deployment in Record Time
53mDevelop Web Applications with RapidClipse in Record Time
55mRapidClipse - Eclipse Power Low-Code Environment
47mModern web with Web Components and Java
44mRapidClipse and MicroStream
