-
Notifications
You must be signed in to change notification settings - Fork 7
Web UI Design: Core
This page is dedicated to Web UI decisions, which include general guidelines used in TG UI and should be followed during design of new UI elements. Also, it should provide specific technical recipes such as CSS and JS snippets.
General application layout structures are well defined as part of Material Desing.
- Lists
- Grids
- Cards
- Tables
Lists and grids are used to represent homogenous information such as entities of the same type. The main difference between the two is that lists are liner with vertical layout and scrolling, whereas grids layout their items in a regular lattice of n-by-m cells of the equal size. Grids can transform into grids with fewer columns and even into lists if the screen is too narrow to accommodate more that one column.
Grids should not be mixed up with tables, which generally allow for less uniform layout structure (e.g. horizontally or vertically spanned cells).
More details can be found here for lists and here for grids.
Cards are used for representing heterogenous information such as entities of different types that for some reason should be present simultaneously on the same page. A good example of this is a dashboard with key performance indicators for different domain entities, or an application main menu.
More details on cards can be found here.
Tables as we know them from T32 or TG Swing UI are not suitable from the perspective of responsive UI. Thus, an alternative approach would need to be developed. It is important to preserve the key benefits of tables, while ensuring usability on devices with different form factors -- desktop, tablet and mobile.
More details on the proposed design solution is coming into this session later.
Per aspera ad astra
- Web UI Design and Web API
- Safe Communication and User Authentication
- Gitworkflow
- JavaScript: Testing with Maven
- Java Application Profiling
-
TG Development Guidelines
- TLS and HAProxy for development
- TG Development Checklist
- Entities and their validation
- Entity Properties
- Entity Type Enhancement
- EQL
- Tooltip How To
- All about Matchers
- Streaming data
- Synthetic entities
- Activatable entities
- Jasper Reports
- Opening Compound Master from another Compound Master
- Window management test plan
- Multi Time Zone Environment
- GraphQL Web API
- Guice
- Maven
- Full Text Search
- Deployment recipes
- Application Configuration
- JRebel Installation and Integration
- Compile-time mechanisms